JavaScript基本语法

ColinYan
42 阅读5分钟

一、表达式和语句

JavaScript程序执行单位为行，也就是一行一行执行，一般情况下，每一行就是一个语句。

例如： var a = 3 + 1

其中3+1就是表达式，表达式指一个为了得到返回值的计算式。

区别：

  • 语句主要为了进行某种操作，一般情况下不需要返回值。
  • 表达式为了得到一个返回值，一定会返回一个值。
  • 语句一般会改变环境（声明、赋值）。
  • 以上并不绝对。

二、变量

概念：变量就是为“值”起名字，然后引用这个名字，就等同于引用这个值。变量的名字就是变量名。

var a = 1

上面的代码就是用var变量声明命令，声明变量a，与数值1建立联系，称为将数值1“赋值”给变量a，以后引用变量a就会得到1。

在JavaScript中变量随时可以更改类型：

var a = 1;
a = 'hello';

上面代码中，变量a起先被赋值为一个数值，后来又被重新赋值为一个字符串。第二次赋值的时候，因为变量a已经存在，所以不需要使用var命令。

三、标识符

标识符指的是用来识别各种值的合法名称。最常见的标识符就是变量名，以及函数名。JavaScript 语言的标识符对大小写敏感，所以a和A是两个不同的标识符。

规则：

  • 第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。
  • 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9。

四、条件语句

if 结构

if结构先判断一个表达式的布尔值，然后根据布尔值的真假，执行不同的语句。所谓布尔值，指的是 JavaScript 的两个特殊值，true表示“真”，false表示“假”。注意：布尔值由表达式产生。

基本语法：

if(表达式) {语句1} else {语句2}

如果表达式的求值结果为true，就执行紧跟在后面的语句1；如果结果为false，则跳过紧跟在后面的语句2。

if代码块后面，还可以跟一个else代码块，表示不满足条件时，所要执行的代码。

if (m === 3) {
  // 满足条件时，执行的语句
} else {
  // 不满足条件时，执行的语句
}

对同一个变量进行多次判断时，多个if...else语句可以连写在一起。

if (m === 0) {
  // ...
} else if (m === 1) {
  // ...
} else if (m === 2) {
  // ...
} else {
  // ...
}

switch语句

基本语法：

switch (fruit) {
  case "banana":
    // ...
    break;
  case "apple":
    // ...
    break;
  default:
    // ...
}

上面代码根据变量fruit的值，选择执行相应的case。如果所有case都不符合，则执行最后的default部分。需要注意的是，每个case代码块内部的break语句不能少，否则会接下去执行下一个case代码块，而不是跳出switch结构。

三元运算符（问号冒号表达式）

(条件) ? 表达式1 : 表达式2

上面代码中，如果“条件”为true，则返回“表达式1”的值，否则返回“表达式2”的值。

五、循环语句

while循环

基本语法：

while (条件)
  语句;

// 或者
while (条件) 语句;

while语句的循环条件是一个表达式，必须放在圆括号中。代码块部分，如果只有一条语句，可以省略大括号，否则就必须加上大括号。

for循环

基本语法：

for (初始化表达式; 条件; 递增表达式)
  语句

// 或者

for (初始化表达式; 条件; 递增表达式) {
  语句
}

for语句后面的括号里面，有三个表达式。

  • 初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。
  • 条件表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。
  • 递增表达式（increment）：每轮循环的最后一个操作，通常用来递增循环变量。

若省略任何其中一个表达式，则会陷入无限循环。

do...while循环

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

do
  语句
while (条件);

// 或者
do {
  语句
} while (条件);

不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。另外，while语句后面的分号注意不要省略。

break和continue语句

break语句用于跳出代码块或循环。 continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

标签label

语句前面有标签，相当于定位符，用于跳转到程序的任意位置，标签的格式如下：

label:
  语句

标签通常与break语句和continue语句配合使用，跳出特定的循环。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }

上面代码为一个双重循环区块，break命令后面加上了top标签（注意，top不用加引号），满足条件时，直接跳出双层循环。如果break语句后面不使用标签，则只能跳出内层循环，进入下一次的外层循环。

avatar
文章
阅读
粉丝