the let and const in es6

let-const.md

let 和 const 命令

目的

为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为，提出了 let 和 const 命令。

特点

• 不存在变量提升（variable hoisting）
• 变量必须先定义后使用
• 变量（在当前作用域）不能重复定义
• 暂时性死区（块级作用域中出现 let 或 const，则该作用域为暂时性死区）
• 块级作用域（可以在块级作用域中定义函数了，此函数在当前作用域也会存在提升）
• typeof 不一定返回字符串，可能会抛出 ReferenceError 异常

typeof x; // => ReferenceError
let x;

• const 命令声明就必须初始化，const 锁定的是引用，所以对象和数组可以更改其中内容
• 如何将一个对象的本身和递归属性全部冻结？

const constantize = obj => {
    Object.freeze(obj);

    Object.keys(obj).forEach((key, i) => {
        if (typeof obj[key] === 'object') {
            constantize(obj[key]);
        }
    });
}

• ES6 中声明变量有几种方法？（六种，var/function/let/const/import/class）
• 只有 var 和 function 声明的全局变量为顶层对象的属性，其余则不是
• 如何获取当前环境的顶层对象？例如 Node 中为 global，浏览器环境中为 window

// 不过如果浏览器启用了 CSP（Content Security Policy，内容安全策略）
// eval 和 new Fucntion 可能无法使用
const global = new Function('return this')();

// 方法二
const 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');
};

• 建议优先使用 const，其次是 let，避免使用 var
• es6 模拟 iife 特别方便，只要一个块级作用域，并使用 let 或 const 形成暂时性死区

es5 iife:

(function () {  // open IIFE
    var tmp = ···;
    ···
}());  // close IIFE

es6 block scope + let:

console.log(tmp); // ReferenceError

{  // open block
    let tmp = ···;
    ···
}  // close block

console.log(tmp); // ReferenceError

• let 和 const 结合数组的解构功能，可以一次性定义多个变量