let和const

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

let命令声明的变量只在let代码块内有效,声明之后可以改变变量的值;

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声明过的变量也会报错:

 

posted @ 2019-08-27 18:29  seeBetter  阅读(124)  评论(0编辑  收藏  举报