JS基本语法

表达式与语句

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

语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋值语句。

var a = 1 + 3;
这条语句先用var命令，声明了变量a，然后将1 + 3的运算结果赋值给变量a。

1 + 3叫做表达式（expression），指一个为了得到返回值的计算式。语句和表达式的区别在于，前者主要为了进行某种操作，一般情况下不需要返回值；后者则是为了得到返回值，一定会返回一个值。凡是 JavaScript 语言中预期为值的地方，都可以使用表达式。比如，赋值语句的等号右边，预期是一个值，因此可以放置各种表达式。

语句以分号结尾，一个分号就表示一个语句结束。多个语句可以写在一行内。

var a = 1 + 3 ; var b = 'abc';
分号前面可以没有任何内容，JavaScript 引擎将其视为空语句。

;;;
上面的代码就表示3个空语句。

表达式不需要分号结尾。一旦在表达式后面添加分号，则 JavaScript 引擎就将表达式视为语句，这样会产生一些没有任何意义的语句。

1 + 3; 'abc';
上面两行语句只是单纯地产生一个值，并没有任何实际的意义。

表达式

• 1 + 2 为表达式，值为3
• 表示为了得到返回值，一定会返回一个值
• 函数的值为它的返回值，比如 add(1, 2)，只有函数有返回值
• console.log 表达式的值为函数本身
• console.log(3) 表达式的值 为 undefined（返回值），打印 3

区别

• 表达式一般有值，语句可能有也可能没有
• 语句一般会改变环境（声明、赋值）

大小写敏感

• var a 和 var A 是不同的
• object 和 Object 是不同的
• function 和 Function 是不同的

空格

大部分空格没什么意义

• var a = 1 和 var a=1 没有区别 （注意断句）
• 加回车大部分时候没有影响
• return 后面不能加回车

标识符（identifier）

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

标识符有一套命名规则，不符合规则的就是非法标识符。JavaScript 引擎遇到非法标识符，就会报错。

简单说，标识符命名规则如下。

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

arg0
_tmp
$elem
π

下面这些则是不合法的标识符。

1a  // 第一个字符不能是数字
23  // 同上
***  // 标识符不能包含星号
a+b  // 标识符不能包含加号
-d  // 标识符不能包含减号或连词线
中文是合法的标识符，可以用作变量名。

var 临时变量 = 1;

JavaScript 有一些保留字，不能用作标识符：
arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield。

注释

1. 单行注释 //
2. 多行注释 /**/

<pre class="cm-s-default" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">// 这是单行注释 /* 这是 多行 注释 */</pre>

区块

1. 使用大括号把代码包在一起就是区块

<pre class="cm-s-default" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">{ let a = 1; let b = 2; }</pre>

2. 区块代码常与 if/for/while 合用

if语句

if (布尔值)
  语句;
// 或者
if (布尔值) 语句;

1. 语句只有一句时可以去掉大括号{}，多个语句必须加上大括号，建议总是使用大括号
2. 不要混淆 = 、==、===，建议总是使用 ===

if...else...

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

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

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

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

else总是与离自己最近的那个if语句配对

while 循环

当... 时

语法

while (表达式)
  语句;
// 或者
while (表达式) 语句;

• 判断表达式的真假
• 当表达式为真，执行语句，执行完再判断表达式的真假
• 当表达式为假，执行后面的语句

var i = 0;
while (i < 100) {
  console.log('i 当前为：' + i);
  i = i + 1;
}
// 循环100次，直到i等于100为止
while (true) {
  console.log('Hello, world');
}
// 无限循环，因为循环条件总是为真

break 语句和 continue 语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出代码块或循环。

var i = 0;

while(i < 100) {
  console.log('i 当前为：' + i);
  i++;
  if (i === 10) break;
}

上面代码只会执行10次循环，一旦i等于10，就会跳出循环。

for循环也可以使用break语句跳出循环。

for (var i = 0; i < 5; i++) {
  console.log(i);
  if (i === 3)
    break;
}
// 0
// 1
// 2
// 3

上面代码执行到i等于3，就会跳出循环。

continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

var i = 0;

while (i < 100){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为：' + i);
}

上面代码只有在i为奇数时，才会输出i的值。如果i为偶数，则直接进入下一轮循环。

如果存在多重循环，不带参数的break语句和continue语句都只针对最内层循环。

标签（label）

JavaScript 语言允许，语句的前面有标签（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);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0

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

标签也可以用于跳出代码块

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2

上面代码执行到break foo，就会跳出区块。

continue语句也可以与标签配合使用。

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

上面代码中，continue命令后面有一个标签名，满足条件时，会跳过当前循环，直接进入下一轮外层循环。如果continue语句后面不使用标签，则只能进入下一轮的内层循环。