ES6 之 let和const、块级作用域

var

存在变量提升问题，降低 js 代码的可阅读性

没有 { } 块级作用域，容易造成变量污染

变量可以被多次重复定义

let

let声明的变量只在它所在的代码块有效。

不存在变量提升，在同一作用域不可以重复用let重复定义

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

var tmp = 123; 
if (true) {
    tmp = 'abc'; // ReferenceError
    let tmp; // 以在let声明变量前，对tmp赋 值会报错。
}

不允许重复声明

for由于 {} 会对 let 产生作用域，所以每次循环，都创建了独立的 { } 作用域，和上一次的循环，作用域各自独立

const

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

对于const来说，只声明不赋值，就会报错。

const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

本质：const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。

对于简单类型的数据（数值、字符串、布尔值），值就保存在 变量指向的那个内存地址，因此等同于常量。

但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

顶层对象的属性

顶层对象的属性与全局变量挂钩，被认为是 JavaScript 语言最大的设计败笔之一。

这样的设计带来了几个很大的问题：

1、首先是没法在编译时就报出变量未 声明的错误，只有运行时才能知道（因为全局变量可能是顶层对象的属性创造的，而属性的创造是动态的）；

2、其次，程序员很容易不知不觉地就创建了全 局变量（比如打字出错）；

3、最后，顶层对象的属性是到处可以读写的，这非常不利于模块化编程。

4、另一方面，window对象有实体含义，指的是浏览器的窗 口对象，顶层对象是一个有实体含义的对象，也是不合适的。

ES6 为了改变这一点，一方面规定，为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let命令、 const命令、class命令声明的全局变量，不属于顶层对象的属性。也就是说，从 ES6 开始，全局变量将逐步与顶层对象的属性脱钩。

 

ES6块级作用域

外层代码不受内存代码块的影响

ES6规定，在块级作用域之中，函数声明类似于let

允许在块级作用域内声明函数

函数声明会提升到所在块级作用域的头部

转载于:https://www.cnblogs.com/houfee/p/10331296.html