根据自己学习简单整理了以下觉得需要注意的地方,详细内容可看http://es6.ruanyifeng.com/
1.let:声明变量,块级作用域,未声明前使用会报错,存在暂时死区
2.const:声明常量,声明的常量不可修改,块级作用域,未声明前使用会报错,存在暂时死区
注意:const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单数据类型(数值,字符串,布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就不能控制了
3.块级作用域和函数声明
- let块级作用域,允许在块级作用域中声明函数
- 函数声明类似于var,会提升到全局作用域或函数作用域的头部
- 函数声明还会提升到所在的块级作用域的头部
以上规则只对ES6有效,其他环境的实现不用遵守,还是将块级作用域的函数声明当作let处理
因为考虑到环境导致的行为差异太大,应该避免在块级作用域中声明函数,如果确实需要,也应该写成函数表达式,而不是函数声明语句
ES6声明变量的6中方法:var、function、let、const、import、class
4.顶层对象属性
顶层对象在浏览器中指的是window对象,在Node中是global对象,在ES5中,顶层对象的属性与全局变量是等价的
顶层对象和全局变量挂钩,这样的设计带来的问题:
- 没法在编译时就报出变量为声明的错误,只有运行时才能知道
- 顶层对象是到处可以读写的,不利于模块化编程
- window对象有实体含义,指的是浏览器的窗口对象,顶层对象是一个有实体含义的对象,也不是很合适
ES6为了改变这一点,作出规定:
- var和function声明的全局变量,依旧是顶层对象的属性
- let、const、class声明的全局变量,不属于顶层对象的属性
5.globalThis对象
- 浏览器里面,顶层对象是window,但Node和Web Worker没有window
- 浏览器和Web Worker里面,self也指向顶层对象,但Node没有self
- Node里面顶层对象是golbal,但其他环境都不支持
同一段代码为了能够在各种环境都能取到顶层对象,现在一般是使用this变量,但有局限性:
- 全局环境中,this会返回顶层对象,但是Node模块和ES6模块中,this返回的是当前模块
- 函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象,但是,严格模式下,这是this会返回undefined
- 不管是严格模式还是普通模式,
new Function{ 'return this' }()
总会返回全局对象。但是,如果浏览器用了CSP(内容安全策略),那么eval、new Function这些方法可能都无法使用
因此,现在有一个提案,在语言标准的层面,引入globalThis作为顶层对象,也就是说,任何环境下,globalThis都是存在的,都可以从它拿到顶层对象,指向全局环境下的this