1、ES6声明变量的方式

1、es5的声明方式var的问题

　　1）是var在同一个作用域内部，是可以重复声明一个变量的，后面的会把前面的覆盖掉

　　2）var存在变量提升到的问题，就是在使用var声明变量前是可以先使用此变量的

2、let与var的不同的特点

　　1）let不能重复声明

　　2）let是不存在变量提升

　　3）块级作用域存在暂存死区（即这个区域不能存在同名的变量了，已经是将这个区域与这个变量绑定了）

　　在es5中if的括号不是一个块级作用域，所以下面的例子中的打印是执行的

if ( false ){
  var lagev = 'jkgba';  
}
console.log(lagev);//undefined

类似于下面：
var lagev ；
if ( false ){
  lagev = 'jkgba';  
}
console.log(lagev); 

但是使用let声明时，是存在块级作用域的，只能在作用域内部访问

if ( false ){
  let lagev = 'jkgba';  
}
console.log(lagev);//报错，未定义

另外一个是在for循环的例子

for(var i=0; i<3; i++){
    //....
}
console.log(i) ; //此时打印出i是为3的，因为var声明的 i 是一个全局变量，每次循环都会使用同一个 i


而使用let做循环时，每次的循环体都是一个块级作用域，每次的循环都会重新声明一个块级作用域内的变量 i，并且会把上一次的值作为下次声明的初始值，，即每次循环的i值是和当前的循环体绑定的
for（ let i=0; i<3; i++){
    document.addEventListener('click',function(){
        alert(i);  //此时的 i 就是0、1、2了
    })
}

这个问题如果使用es5中的var来实现的话，就需要使用闭包了，把每次的i值保存下来，实际上使用let进行编译之后也是用的闭包实现的，所以let的性能可能会比var差一些，
不过现在Chrome的V8引擎性能很强大，并且还在不断的做优化

3、es6中新增了声明常量

　　声明赋值之后不能改变，并且特性是同let

　　const ULIR = 10;

　　ULIR = 2; //此时会报错，类型错误

　　一般项目中是用于引入模块，不希望再改变的

1、ES6声明变量的方式

猜你喜欢