ES6学习笔记一|let和const命令

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();