ES6(1) let、const

var 和let的区别

1、var有变量提升，let没有变量提升（没有预解析）

2、let不能重复命名

3、全局作用域下let声明的变量和window没关系

4、暂时性死区

5、let受块级作用域约束

块级作用域比较:

if(true){
    var a=10;
}
console.log(a);   //10

if(true){
    let b=10;
}
console.log(b);  //b is not defined
复制代码

闭包写法比较：

//以前闭包写法，原因：js只有两个作用域：全局、函数级作用域
~function () {

}()

//现在写法
{
    let a=10;
}
复制代码

循环加异步问题：

//i是上级作用域的，循环时直接打印是没问题的，但是异步执行的时候，循环已经完毕，i被赋值为了3，所以三次打印了3
//不是形成了三次变量（三次块级作用域） 而是给父级作用域的i  赋值了三次
//解决方法  再套一层函数
for(var i=0;i<3;i++){
    console.log(i);  //0 1 2
    setTimeout(()=>{
        console.log(i); // 3 3 3
    },1000)
}


//i是当前作用域下的
//每次循环在块级作用域{}中 重新生成变量i是当前作用域下的,相互不影响
//循环几次生成了 几个块级作用域
for(let i=0;i<3;i++){
    console.log(i);  //0 1 2
    setTimeout(()=>{
        console.log(i); //0 1 2
    },500)
}
//上编代码便以为es5以后：就是var 循环异步的解决方案
var _loop = function _loop(i) {
  console.log(i); //0 1 2

  setTimeout(function () {
    console.log(i); //0 1 2
  }, 500);
};

for (var i = 0; i < 3; i++) {
  _loop(i);
}

复制代码

常量(const)：值是不可变的

任何一个具体的数据值都是常量，例如12就是一个常量

不能给一个常量重新赋值

常量引用对象的属性可以更改

虽然说 常量不能引用别的对象了，但是当常量的值是一个引用数据类型的话，引用对象的属性还是可以更改的

不能重复声明

支持块级作用域

//定义常量
const num3 =12;
num3 = 13;   //报错 ： Uncaught TypeError:  Assigjnment to constant variable  常量存储的值是不能修改的

const user={
   name:'aaa'
}
user.name='bb'  //不报错 可更改
user={}  //报错
	
//不能重复声明
const a=10；
const a=10;   //报错

//支持块级作用域
const a=10；
{
const a=10; 		//不报错
}

复制代码