let和const

Posted xjy20170907

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了let和const相关的知识,希望对你有一定的参考价值。

ES5中只有全局作用域和函数作用域,没有块级作用域。在ES6中多了一个块级作用域, 在ES6中用来形成块级作用域,即代码块。

let命令声明的变量只在let代码块内有效,声明之后可以改变变量的值。 let不会发生变量提升的现象,需要在定义后使用,否则报错。

下例中,由于var命令的变量提升机制,var 命令实际只会执行一次,接下来的循环都是在改变var声明的变量i:

var a = [];
for(var i=0;i<10;i++)
    a[i] = function()
        console.log(i);
     

        
a[6]();  //10  

下例中,let命令不存在变量提升,所以每次循环都会执行一次,即每次循环都会声明一个新变量(但初始化的值不一样);for 的每次循环都是不同的块级作用域,let 声明的变量是块级作用域的,所以也不存在重复声明的问题;let声明变量的for循环里,每个a[i]函数实际上引用的都是一个新的变量。

既然let每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?由于let的变量作用域在for区块中,会为每次循环执行建立新的词法环境(LexicalEnvironment),拷贝所有的变量名称与值到下个循环执行。

 

var a = [];
for(let i=0;i<10;i++)
    a[i] = function()
        console.log(i);
     

        
a[6]();  //6 

 

const用来定义常量,使用时必须赋值,变量不能提升,只能在块作用域里访问,const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。

以上是关于let和const的主要内容,如果未能解决你的问题,请参考以下文章

ES6新特性

ES6新特性之 let const

P3 const 关键词 javascript

Es6 学习笔记

JavaScript 中constvarlet 区别和使用

TypeScript 断言使用