### let命令 * 基本用法 * 块级作用域 * * * * * #### 基本用法 > 在javascript **ES6之前**声明一个变量的方式是通过**var**关键字,如: ~~~ var i = 0; ~~~ > ES6新增了**let**命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块 { } 内有效。如: ~~~ { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 ~~~ > 通过let声明的变量会绑定在当前代码块内,外部不可调用,没有变量提升,不允许重复声明,从而产生了块级作用域,建议以后在ES6代码中声明变量不要使用var! #### 块级作用域 > ES5只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。第一种场景,内层变量可能会覆盖外层变量。 ~~~ var tmp = new Date(); function f() { console.log(tmp); if (false) { var tmp = "hello world"; } } f(); // undefined ~~~ > 上面代码中,函数f执行后,输出结果为undefined,原因在于变量提升,导致内层的tmp变量覆盖了外层的tmp变量。 > 第二种场景,用来计数的循环变量泄露为全局变量。 ~~~ var s = 'hello'; for (var i = 0; i < s.length; i++) { console.log(s[i]); } console.log(i); // 5 ~~~ > 上面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。