let和const命令
1. let命令
只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。
ES6明确规定,如果区块总存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
- 不存在变量提升。
- 声明前被使用属于暂时性死区,报错。
- 不允许重复声明。
//报错
function () {
let a = 10;
var a = 1;
}
//报错
function() {
let a = 10;
let a = 1;
}
2. 块级作用域
- ES6允许块级作用域的任意嵌套。外层作用域无法读取内层作用域的变量。
- 内层作用域可以定义外层作用域的同名变量。
- ES6中,块级作用域声明的函数类似于let,对作用域之外没有影响。
- ES6明确允许在块级作用域中可以声明函数。
- 函数声明类似var,即会提升到全局作用域或函数作用域的头部。
- 函数声明还会提升到所在的块级作用域的头部。
注意:以上最后三条只对ES6的浏览器实现有效。
3. const命令
- const声明一个只读的常量,一旦声明,不能改变。
- const一旦声明变量,必须立即初始化。
- const的作用域和let相同,只在声明所在的块级作用域有效。
- const命令声明的常量也是不提升,存在暂时性死区,只能在声明的位置后面使用。
- const声明的常量与let一样不可重复声明。
- 对于复合类型的变量,变量名不指向数字,而是志向地址。const只需保证地址不变,数据可变。
const a = [];
a.push("abc"); //可执行
a.length = 0; //可执行
a = ['Dave']; //报错
- 如想讲对象冻结,使用object.freeze方法
const foo = object.freeze({});
//常规模式时,下一行不起作用;
//严格模式时,改行报错。
foo.prop = 123;
4. 顶层对象的属性
- ES5中,顶层对象的属性与全局变量是等价的。(不推荐不声明直接用变量)
- ES6修正,var命令和function命令声明的全局变量,依旧是顶层对象的属性;let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。
5. 顶层对象
ES5的顶层对象,本身也是一个问题,因为它在各种实现里面是不统一的。
- 浏览器里面,顶层对象是window,但Node和Web Worker没有window。
- 浏览器和Web Worker里面,self也指向顶层对象,但是Node没有self。
- Node里面,顶层对象是global,但其他环境都不支持。
同一段代码为了能够在各种环境,都能取到顶层对象,现在一般是使用this变量,但是有局限性。
- 全局环境中,this会返回顶层对象。但是,Node模块和ES6模块中,this返回的是当前模块。
- 函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。
- 不管是严格模式,还是普通模式,new Function('return this')(),总是会返回全局对象。但是,如果浏览器用了CSP(Content Security Policy,内容安全政策),那么eval、new Function这些方法都可能无法使用。
下面是两种勉强可以使用的方法。
// 方法一
(typeof window !== 'undefined'
? window
: (typeof process === 'object' &&
typeof require === 'function' &&
typeof global === 'object')
? global
: this);
// 方法二
var getGlobal = function () {
if (typeof self !== 'undefined') { return self; }
if (typeof window !== 'undefined') { return window; }
if (typeof global !== 'undefined') { return global; }
throw new Error('unable to locate global object');
};
现在有一个[提案],在语言标准的层面,引入global作为顶层对象。也就是说,在所有环境下,global都是存在的,都可以从它拿到顶层对象。
// CommonJS的写法
require('system.global/shim')();
// ES6模块的写法
import shim from 'system.global/shim'; shim();
下面代码将顶层对象放入变量global中
// CommonJS的写法
var global = require('system.global')();
// ES6模块的写法
import getGlobal from 'system.global';
const global = getGlobal();