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 入门

posted on 2017-04-07 13:25  永恒的浪荡时光  阅读(247)  评论(0编辑  收藏  举报

导航