JavaScript

一种具有函数优先的轻量级,解释型或即时编译型的编程语言

JavaScript 基础:函数

TL;DR

  • 函数是一组执行特定任务的语句。JavaScript 函数使用关键字 function 创建。
  • 由几个简短且重点突出的函数组成的程序通常比一整体复杂的程序更容易理解和模块化。
  • 调用函数会触发执行函数主体中的代码,完成后,程序的调用的地方恢复。
  • 在函数内部声明的变量仅限于函数主体内有效,这些变量称为局部变量
  • 函数主体中的 return 语句定义了函数的返回值。
  • 一个函数可以接受零个、一个或多个参数才能起作用。对于特定的调用,提供给参数的值称为隐式参数(arguments,实参)
  • 创建函数有多种方法,第一种就是函数声明
  • 创建函数的另一种方法中使用函数表达式。可以将函数表达式分配给变量,因为在 JavaScript 中,变量的值可以是函数。函数表达式通常用于创建匿名函数(无名称的函数)。
  • 创建匿名函数的第三种方法是最近引入的箭头函数
  • 无法使用何种方法创建函数,每个函数都应该有清晰的目的和精心选择的名称(通常名手动作动词)。JavaScript 提供了许多满足各种需求的预定义函数。
继续阅读

JavaScript 基础:循环语句

TL;DR

  • 循环用于重复一系列语句。每个重复称为一个迭代,与循环关联的代码块称为循环主体
  • 当某个条件为真时,while 循环将重复执行。for 循环能够控制在循环开始之前和每次循环迭代运行之后的情况。
  • 与循环条件关联的变量称为计数器,通常命名为i
  • 注意!while 循环的条件最终必须为 false,以避免无限循环。
  • 所有循环都可以用 while 来写,但如果事先知道循环多少次,for 循环是最佳选择。
继续阅读

JavaScript 基础:添加条件

TL;DR

  • 使用关键字 if 定义条件语句,只有当条件满足(值为true)时执行相关的代码块。
  • 条件是一个结果为布尔值truefalse)的表达式
  • if 关联的代码块使用一组花括号{...})包围,为了提高代码可读性,通常将花括号内代码向右缩进
  • 比较运算符 ===!==<<=>>= 用于比较条件内的数字,返回一个布尔值
  • else 语句可以与 if 语句关联,以表示替代方案。根据条件的值,执行if关联的代码块或else关联的代码块,不会同时执行。条件嵌套的深度没有限制。
  • 可以使用逻辑运算符&&||!)创建复杂的条件。
  • switch语句用于执行多个代码块中的一个代码块,具体取决于表达式的值。
继续阅读

JavaScript 基础:变量

TL;DR

  • 变量是数据存储的容器。每个变量包含变量名、值和类型三个属性。JavaScript 是动态类型语言,会根据存储的数据自动推断数据的类型。
  • 使用关键字let声明变量,关键字const声明常量(初始值不会变化)。
  • 使用赋值运算符=)为变量赋值。
  • 变量的作用域是变量在程序中的有效范围。用letconst声明的是块级作用域变量。代码块被一组花括号({...})包围。
  • 表达式是一组代码的集合,它返回一个值。
  • 表达式可以嵌入到反引号(`…`)限定的字符串中,这类字符串称为模板字面量
  • 类型转换可以在程序执行时隐式转换,也可以使用命令Number()String()进行显式转换
  • 命令prompt()alert()处理信息输入并以对话框形式显示。
  • 尽可能使用描述性的命名,让代码更易读。建议使用驼峰式命名规范。
继续阅读

JavaScript 基础:Hello, World

TL;DR

  • JavaScript 可以直接写在 HTML 页面的<script></script>标签之间,也可以使用src属性引入单独的.js文件。
  • console.log()可以在控制台中输入一段文本信息。
  • 数字(Number)可以是任意数字,可以进行的+-*/等算术运算。
  • 字符串(String)须包围在引号中(可以是单引号,也可以是双引号), 使用加号(+)可以进行字符串拼接。
  • JavaScript 每一条语句以分号结尾(非必须),按照先后顺序执行,空行会被忽略。
  • 注释单行代码://...,注释多行代码:/*...*/
继续阅读