ES6 中的let 和 const

  1,块级做用域。这里想说的是,在一个块{}中,使用const或let 声明一个变量,这个变量将统治整个块(consumes the entire scope),不管你在块的什么地方声明这个变量。就算,你是在块的底部声明了一个变量, 可是这个变量的做用域,实际上从块的起始部位开始算起,一直到块的结束,存在着某种意义上的变量提高。数组

if(true) { // data 变量的做用域从这里开始
    console.log(1); console.log(2) let data = new Date(); // data 变量的做用域在这里开始
}

  变量存在提高,这也就意味着,咱们有可能无心地使用了后面声明的变量,尤为是当变量做用域外部有一个和它重名的变量时spa

let data = 1; if(true) { console.log(data); console.log(1); console.log(2) let data = new Date(); }

  运行这段代码,报错了。刚开始的时候,觉得第一行的data 读取的是外部的变量data(1), 由于内部的data 变量尚未声明。其实不是,只要在块中声明了变量,这个变量将统治整个块。第一行的console.log 读取的是块中最后一行声明的变量。尽管能读取变量,但不能使用这个变量。在一个做用域中,在let 或const 变量声明以前,使用这个变量,将抛出引用错误。可以读取,但不能使用变量的区域就是暂存死区。在一个做用域中声明一个变量,暂存死区,指的就是做用域开始位置,到变量声明位置结束,引用暂存死区中的变量就会抛出引用错误。code

  2,const 指的是不能从新赋值, 而不是值不能改变。Constants can not be reassigned. Constants are not immutable. 对象

  必定要区分值和变量。5,false,  {name: 'sam'} 就是值。变量,是须要声明的,let a;  它实际上是在内存中开辟了一个空间,用于保存东西。变量和值是相互独立的。能够声明一个变量,不给它值,那这个变量就什么都不能作。也能够只写一个值,不赋值给任何变量,但这个值只能用一次。当把一个值赋给一个变量的时候,它们有了关系,产生了绑定,变量名和值绑定到一块儿了,这叫assigin. const 指的就是这一块内容。值能不能改变,只关系值自己,它不关系和变量的关系。数字5,它就不能再改变了, 但对象就能够改变。blog

   3, let 和 const 在for 循环中使用 内存

  let 声明的变量只在for 的循环体中有效,循环结束后 变量就消失了, 同时const 也能够在for 循环中声明变量,可是不能用于 常规的for 循环中。所谓的常规for 循环就是for(let i =0; i < 10; i++) 的格式。作用域

  在使用for 循环的时候,每一次的迭代都会从新声明一个变量。像for(let i = 0; i < 10; i++); 这样使用时,i 变量声明了10次,只不过每一次迭代给i 赋值不同而已,而且变量只在循环体中使用。 咱们能够这样理解: 第一次迭代的使用,声明了一个变量i, 赋值为0, 0 < 10, 而后执行循环体,执行完以后i++ 变成了1. 这一次迭代就结束了,这个i 的使命就完成了。而后进行第二次迭代,这时从新声明一个变量i, 不过此次给他赋值为1,1 < 10 继续执行循环体,而后加1. 此次迭代又结束了,这个i 也完成了使命,消失了。第三次迭代进行一样的操做,声明一个全新的变量i,执行循环体之类的,直达整个循环结束。it

  对于for 循环来讲,每一次的迭代都是从新声明一个全新的变量i,只是赋的值是上一次迭代完成时的值,这样的话,循环体内获取到的i, 每次也都是全新的变量i,而不是像使用 var 声明时获得的是全局变量,而且,每一次迭代完成后,i 变量就消失了。io

let funs = []; // 使用var 声明循环变量i
for (var i = 0; i < 10; i++) { funs.push(function(){ console.log(i); }) } // funs.forEach(item => item()); // 输出10个10

// 改成使用let 声明循环变量
let funss = []; for (let i = 0; i < 10; i++) { funss.push(function(){ console.log(i); }) } funss.forEach(item => item());  // 输出0, 1, 2, 3, 4, 5, 6, 7, 8, 9

  除了常规的for 循环以外,还有for-in 和for-of 操做, 原理都是同样的,他们每一次的迭代都是从新声明一个全新的迭代对象,而不是给原来声明的迭代对象赋新值, 循环体内获取到的都是当前迭代对象的值。console

let funcs = []; let arr = [1, 2, 3]; // for-in 循环, 数组是不建议使用for-in ,这里只是简单的演示
for (let key in arr) { funcs.push(function() { console.log(key); }); } funcs.forEach(function(func) { func(); // 输出0, 1, 2
}); // 使用for-of 
funcs = []; for (let key of arr) { funcs.push(function() { console.log(key); }); } funcs.forEach(function(func) { func(); // 输出1, 2,3
});

  如今看一下const, const 也可使用在for循环中。最简单的就是把上面的三个for 循环中的let 都转换为const.  for (const i = 0; i < 10; i++) {};   for (const key of arr) {} , for (const key in arr) {} . 这时你会发现第一种常规for 循环报错了。看一下第一次迭代就知道了。声明了一个 变量i, 赋值为0。 但这里使用const, 也就意味着i 在声明以后,就不能再改变了。好了,0 < 10, 执行循环体,而后  加1,报错了,i 不能变化了。一次迭代都没有走完,就报错了,说明,在使用常规for 循环时, const  不能用来声明变量。

  再来看一下,for-of, for-in, 没有问题,由于每一次的迭代都会声明一个全新的key, 全部的赋值都是给一个新的变量赋值,而没有改变原来的值。那使用let 和 const 有什么区别吗? 固然有了,仍是在于const  声明的变量不能从新赋值了,因此若是for-in 或for- of 中使用const 声明了变量( 如key), 循环体中,就不能给key 赋新值了,若是使用let ,那就无所谓了,想干什么就干什么。只不过for-in 或for-of 中,咱们不多改变key 值,因此他们在实际使用时就没有什么区别了。

相关文章
相关标签/搜索