参考：http://javascript.ruanyifeng.com/
1.语句/表达式
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';
上面两行语句只是单纯地产生一个值，并没有任何实际的意义。
2.变量
2.1.概念
变量是对“值”的具名引用。变量就是为“值”起名，然后引用这个名字，就等同于引用这个值。变量的名字就是变量名。
var a = 1;
上面的代码先声明变量a，然后在变量a与数值1之间建立引用关系，称为将数值1“赋值”给变量a。以后，引用变量名a就会得到数值1。最前面的var，是变量声明命令。它表示通知解释引擎，要创建一个变量a。
注意，JavaScript 的变量名区分大小写，A和a是两个不同的变量。
变量的声明和赋值，是分开的两个步骤，上面的代码将它们合在了一起，实际的步骤是下面这样。
var a;
a = 1;
如果只是声明变量而没有赋值，则该变量的值是undefined。undefined是一个 JavaScript 关键字，表示“无定义”。
var a;
a // undefined
如果变量赋值的时候，忘了写var命令，这条语句也是有效的。
var a = 1;
// 基本等同
a = 1;
但是，不写var的做法，不利于表达意图，而且容易不知不觉地创建全局变量，所以建议总是使用var命令声明变量。
如果一个变量没有声明就直接使用，JavaScript 会报错，告诉你变量未定义。
x
// ReferenceError: x is not defined
上面代码直接使用变量x，系统就报错，告诉你变量x没有声明。
2.2.变量提升
JS 引擎工作方式是，先解析代码，获取所有被声明的变量，然后再一行行的运行，造成的结果就是所有变量的声明语句都会被提到代码头部，这就是变量提升。
我举个例子给你看
console.log(a);
var a = 1;
按理说上述语句应该报错，因为打印变量a，但是a的声明赋值语句还没执行，但实际上不会报错，因为变量提升，真正的执行步骤是这样的：
var a;
console.log(a);
a = 1;
所以最后的结果不是报错，而是undefined，因为a只声明未赋值。
注：变量提升只对var命令声明的变量有效，如果一个变量不是用var命令声明的，就不会发生变量提升。
比如
console.log(a)
a = 1;
这样语句将会报错，提示“ReferenceError: a is not defined”。即变量a未声明。
这是因为a不是用var命令声明的，变量提升没有发生。
3.标识符
标识符（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。
4.注释
单行注释
// 单行注释
多行注释
/*
这样
就是
多行
注释
*/
此外，由于历史上 JavaScript 可以兼容 HTML 代码的注释，所以也被视为合法的单行注释。但是-->只能用再句首，否则会被当做运算符。
a = 1; <!-- a =2;
-->
5.区块
JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。
对于var命令来说，JavaScript 的区块不构成单独的作用域（scope）。
{
var a = 1;
}
a // 1
上面代码在区块内部，使用var命令声明并赋值了变量a，然后在区块外部，变量a依然有效，区块对于var命令不构成单独的作用域，与不使用区块的情况没有任何区别。在 JavaScript 语言中，单独使用区块并不常见，区块往往用来构成其他更复杂的语法结构，比如for、if、while、function等。
6.条件语句
JavaScript 提供if结构和switch结构，完成条件判断，即只有满足预设的条件，才会执行相应的语句。
6.1 if 结构
if结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。所谓布尔值，指的是 JavaScript 的两个特殊值，true表示真，false表示伪。
if (布尔值)
语句;
// 或者
if (布尔值) 语句;
上面是if结构的基本形式。需要注意的是，“布尔值”往往由一个条件表达式产生的，必须放在圆括号中，表示对表达式求值。
如果表达式的求值结果为true，就执行紧跟在后面的语句；如果结果为false，则跳过紧跟在后面的语句。
注：赋值表达式（=），相等运算符（==），严格相等运算符（===）要注意区分
尤其是赋值表达式，它不具备比较功能
var x = 1;
var y = 2;
if (x = y) { //应该使用严格相等运算符 x===y 就可以了
console.log(x);
}
// "2"
本意是使x=y，但是在JS中就成了把y的值赋给x，所以打印x就得到了2。
至于相等运算符（==）和严格相等运算符（===）的区别，简单来讲就是：
相等运算符（==）比较两个值是否相等，严格相等运算符（===）比较它们是否为“同一个值”。
如果两个值不是同一类型，严格相等运算符（===）直接返回false，而相等运算符（==）会将它们转换成同一个类型，再用严格相等运算符进行比较。
6.2 if…else 结构
if代码块后面，还可以跟一个else代码块，表示不满足条件时，所要执行的代码。
if (m === 3) {
// 满足条件时，执行的语句
} else {
// 不满足条件时，执行的语句
}
上面代码判断变量m是否等于3，如果等于就执行if代码块，否则执行else代码块。
对同一个变量进行多次判断时，多个if...else语句可以连写在一起。
if (m === 0) {
// ...
} else if (m === 1) {
// ...
} else if (m === 2) {
// ...
} else {
// ...
}
else代码块总是与离自己最近的那个if语句配对。
6.3 switch结构
switch(expresstion){
case value1: //该条件：（满足）这个值
statement; //则执行该语句
break; //强制输出
case value2:
statement;
break;
default:
statement;
}
- switch和case可以使用任意表达式，不一定是常量
-
switch语句后面的表达式，与case语句后面的表示式比较运行结果时，采用的是严格相等运算符（===），而不是相等运算符（==），这意味着比较时不会发生类型转换。
6.4 三元运算符 ?:
//语法
(条件) ? 表达式1 : 表达式2
// 如果“条件”为true，则返回“表达式1”的值，否则返回“表达式2”的值。
例子：
var even = (n % 2 === 0)? true : false;
// 等同于
var even;
if(n % 2 === 0){
even = true;
}else{
even = false;
}
7.循环语句
循环语句用于重复执行某个操作，它有多种形式。
7.1 while 循环
While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。
while (条件)
语句;
// 或者
while (条件) 语句;
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');
}
7.2 do···while循环
测试循环语句，先执行后条件判断，也就意味着不管条件真假，do···while循环至少要运行一次。这是与while循环的最大区别。
do{
statement;
}while(expression);
7.3for 循环
可以看成是简化了一下while语句，指定了初始化表达式，条件判断语句，递增（递减）表达式。
var a = 3;
for(var i = 0; i < a ; i++){
console.log(i);
}
// 等同于
var a = 3;
var i = 0;
while(i < a){
console.log(i);
i++;
}
7.4 break语句和continue语句
break语句用于跳出代码块或循环
本来应循环到i <100为假为止，但是加上break语句后，循环到第8次就跳出了循环。
continue语句用于立即终止本轮循环，返回到循环头部开始新一次的循环。
利用continue语句实现了只要是偶数就跳过，只输出奇数这样一种状态。
网友评论