ES6 let和const

let 命令

let声明的变量仅在声明的代码块内有效

for循环，循环体内部是一个单独的作用域：

for(let i = 0; i < 3; i++ ) {
    let i = 'abc';
    console.log(i)
}

// abc
// abc
// abc

不存在变量提升

var声明之前调用显示undefined，

let声明之前调用会报错

暂时性死区

只要块级作用域内存在let声明，变量就会绑定在这个区域，不再受外部影响

var tmp = 123;

if (true) {
    tmp = 'abc'; // 报错
    let tmp;
}

 一些隐蔽的死区：

let x = x; // 报错
function bar(x = y, y = 2) {
    return [x, y]
}

bar(); // 报错

不允许重复声明

  let不允许在相同作用域内重复声明同一个变量（不可在函数内部重新声明参数）

ES5中的变量声明和函数声明会提升到全局作用域或作用域的头部（不可在函数内部声明函数，因为会提升）

ES6原则上是允许在函数内声明函数的，但是不同浏览器会有不同的实现方法。

ES6的块级作用域允许声明函数的规则，只在使用{}的情况下成立，没有使用的话就会报错

const命令

const用来声明常量，一旦声明了常量的值就不可改变（const常量一旦声明，需要立即初始化）

其他同let相同（块级作用域、不存在变量提升、暂时性死区、不允许重复声明）

本质：

const实际上保证的并不是变量的值不可改动，而是变量指向的那个内存地址不可改动。对于简单类型的数据（数值、字符串、布尔值）而言，值就保存在变量指向的内存地址中，因此等同于常量。但对于符合类型的数据（主要针对对象和数组）而言，变量指向的内存地址保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是不可变的，这完全不能控制。

const foo = {};

// 为foo添加属性可以成功
foo.prop = 123;
foo.prop; // 123

// 将foo指向另一个对象，就会报错
foo = {}; //报错

 ES6冻结对象可使用Object.freeze方法

 

ES6声明变量的六种方法

• var
• function
• let
• const
• import
• class

var 和 function声明的全局变量依旧属于顶层对象（window、global），其他命令声明的全局变量不属于顶层对象的属性。

var a = 1;
// node global.a
// this.a
window.a; // 1

let b = 2;
window.b // undefined