一、let命令
- 不存在变量提升。es5的
var会存在变量提升问题，但是es6的let和const不会存在变量提升问题。
- 暂时性死区。只要在块级作用域内存在
let命令，它所声明的变量就绑定在这个区域，不再受外部的影响。es6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域，凡是在声明之前就使用这些变量，就会报错。即使是使用typeof也会报错。
var tmp = 123;
if(true){
tmp = "abc"; //ReferenceError tmp is not defined
let tmp;
}
- 不允许重复声明。
let和const不允许在相同的作用域内，重复声明同一个变量。
// 报错
function func() {
let a = 10;
var a = 1;
}
// 报错
function func() {
let a = 10;
let a = 1;
}
//不能在函数内部重新声明参数
function func(arg) {
let arg; // 报错
}
function func(arg) {
{
let arg; // 不报错
}
}
二、块级作用域
- es5只有全局作用域和函数作用域，没有块级作用域。这可能导致很多不合理的场景。
//内层变量可能会覆盖外层变量
var tmp = 123;
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); // undefined
//用来计数的循环变量泄露为全局变量
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
- es6的块级作用域
function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}
- es6允许块级作用域的任意嵌套，块级作用域的出现，使得广泛应用的立即执行函数表达式（IIFE）不再必要，块级作用域不返回值，除非它是全局变量。
// IIFE 写法
(function () {
var tmp = ...;
...
}());
// 块级作用域写法
{
let tmp = ...;
...
}
三、const命令
-
const声明一个只读的常量，一旦声明，常量的值就不能改变。
-
const一旦声明变量，就必须立即初始化，不能留到以后赋值。
-
const限定的是赋值行为。
const a = 1;
a = 2;//报错
const arr = [];
arr.push(1) //[1]
//在声明引用型数据为常量时，const保存的是变量的指针，只要保证指针不变就不会保存。下面的行为就会报错
arr = [];//报错 因为是赋值行为。变量arr保存的指针改变了。
四、顶层对象属性与全局变量
- 顶层对象，在浏览器环境指的是
window对象，在 node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。
window.a = 1;
a // 1
a = 2;
window.a // 2
- es6中引入的
let、const、class声明的全局变量不再属于顶层对象的属性。但是var、function声明的变量依然属于全局对象的属性。
var a = 1;
window.a // 1
let b = 1;
window.b // undefined
