存在变量提升问题,降低 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只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
顶层对象的属性与全局变量挂钩,被认为是 JavaScript 语言最大的设计败笔之一。
这样的设计带来了几个很大的问题:
1、首先是没法在编译时就报出变量未 声明的错误,只有运行时才能知道(因为全局变量可能是顶层对象的属性创造的,而属性的创造是动态的);
2、其次,程序员很容易不知不觉地就创建了全 局变量(比如打字出错);
3、最后,顶层对象的属性是到处可以读写的,这非常不利于模块化编程。
4、另一方面,window对象有实体含义,指的是浏览器的窗 口对象,顶层对象是一个有实体含义的对象,也是不合适的。
ES6 为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、 const命令、class命令声明的全局变量,不属于顶层对象的属性。也就是说,从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩。
ES6块级作用域
外层代码不受内存代码块的影响
ES6规定,在块级作用域之中,函数声明类似于let
允许在块级作用域内声明函数
函数声明会提升到所在块级作用域的头部