ES6 随记（1）-- let 与 const

1. const（声明一个只读的常量）

这个是很好理解的，且声明时就必须赋值而不能以后再赋，不然会报错。

而个人认为它最大的用处还是在于 {} 和 [] 上，const 保证了它的内存地址(指针)不变(非数据不可变)。（但这点现在浏览器好像还未统一）

var TEST = {};
TEST.xx = 'x';	// 可执行
TEST = {x: 'x'}; // 重新赋值则不可行

另外注意，我们推荐常量所用名称最好全为大写字母。

 

2. let （申明块级作用域变量）

var a = [];
for(let i=0; i<1; i++) {
    a[i] = function(){console.log(i)}
    if (true) {
        let i = 'x';
    }
    console.log(i);  // 打印数字而不是 'x'
}
a[0]();  // 使用 let 打印 0，使用 var 打印 5。

以上即为 let 的典型特征，块级作用域内有效。

 

2.5 块级作用域

怎样才叫一个区块呢，function / for / if，以及哪怕两个中括号中间的都是一个独立的块级。

注意，同一区块内不能出现相同变量名的声明，否则会报错。

内层可访问外层块级，外层不能访问内层新申明的变量，因此 IIFE 写法不再有必要：

// IIFE 写法
(function () {
    var a = 'x';
}());

// 块级作用域写法
{
    let a = 'x';
}

此外，let 和 const 不同于 var 还在于，var 会优先声明，而 ES6 不能再这样做了。

a = 'x';
var a;
console.log(a); // x

b = 'x';
let b ;
console.log(b); // 报错

另外，函数声明在 ES6 的块级作用域是个奇葩，而且浏览器对此的实现还没有统一，不做讨论

// 浏览器的 ES6 环境
function fn() { console.log('I am outside!'); }
(function () {
    if (false) {
        function fn() { console.log('I am inside!'); }
    }
    f();  // f is not a function
}());

 

以上，便是 let 和 const 的说明，

在此强烈推荐使用这两个命令，它们有着 var 无法拥有的特性，

应当用 let 完全取代 var；无需重新赋值的对象和数组多使用 const。

 

本文部分转载自 阮一峰 的 ECMAScript 6 入门