JavaScript 入门

变量提升 

        JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。 这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。

console.log(a);

var a = 1;

        上述代码并不会报错，但是会输出 undefined ，上面代码首先使用console.log方法，在控制台（console）显示变量a的值。这时变量a还没有声明和赋值，所以这是一种错误的做法，但是实际上不会报错。因为存在变量提升，真正运行的是下面的代码。

var a;

console.log(a);

a =1;

---

标志符

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

        第一个字符，可以是任意 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。

---

区块 block

        JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。

        对于var命令来说，JavaScript 的区块不构成单独的作用域（scope）。

{

    var a =1;

}

a// 1

        上面代码在区块内部，使用var命令声明并赋值了变量a，然后在区块外部，变量a依然有效，区块对于var命令不构成单独的作用域，与不使用区块的情况没有任何区别。在 JavaScript 语言中，单独使用区块并不常见，区块往往用来构成其他更复杂的语法结构，比如for、if、while、function等。

---

标签  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); 

    }

}

        上面代码为一个双重循环区块，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语句后面不使用标签，则只能进入下一轮的内层循环。