详解ES6中 let、const

ES6中 let、const

先看个var的常见变量提升的面试题目：

var a = 99;            // 全局变量a
f();                   // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。 
console.log(a);        // a=>99,  此时是全局变量的a
function f() {
  console.log(a);      // 当前的a变量是下面变量a声明提升后，默认值undefined
  var a = 10;
  console.log(a);      // a => 10
}

// 输出结果分别为：undefined  10  99

var 和let的区别

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

2、let不能重复命名

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

4、暂时性死区

5、let受块级作用域约束

不能重复声明

let a = 0;
let a = 'sss';
// Uncaught SyntaxError: Identifier 'a' has already been declared

let不允许在相同作用域内，重复声明同一个变量。否则报错：Uncaught SyntaxError: Identifier 'XXX' has already been declared

let没有变量提升与暂时性死区

用let声明的变量，不存在变量提升。而且要求必须 等let声明语句执行完之后，变量才能使用，不然会报Uncaught ReferenceError错误。

console.log(aicoder);    // 错误：Uncaught ReferenceError ...
let aicoder = 'aicoder.com';
// 这里就可以安全使用aicoder

块级作用域比较:

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;
}

循环加异步问题：

let非常适合用于 for循环内部的块级作用域。JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域，用let声明的变量传入到 for循环体的作用域后，不会发生改变，不受外界的影响。看一个常见的面试题目：

//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)
}

// 这里面的知识点： JS的事件循环机制，setTimeout的机制等



//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);
}

总结：ES6的let让js真正拥有了块级作用域，也是向这更安全更规范的路走，虽然加了很多约束，但是都是为了让我们更安全的使用和写代码。

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

const声明一个只读的常量 。一旦声明， 常量的值就不能改变。
常量 所谓的常量就是不能改变的值

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

不能给一个常量重新赋值

const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable. 常量存储的值是不能修改的

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

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

const user={
   name:'aaa'
}
user.name='bb'  //不报错 可更改
user={}  //报错

不能重复声明

//不能重复声明
const a=10；
const a=10;   //报错

支持块级作用域

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

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const message = 'hello'
message // hello

const message 
// ❌报错SyntaxError: Missing initializer in const declaration

总结：const保证的并不是变量的值不动，而是变量指向的内存地址不得改动