9. JavaScript – ES6+ 介绍

一、var let const 区别:

• 使用 var 声明的变量，可以变量提升；
• 使用 let、const 声明的变量，没有变量提升；

二、临时死区(Temporal Dead Zone)

与 var 不同，let 和 const 声明的变量不会被提升到作用域顶部。因此，如果在声明之前访问这些变量，就会引发错误。

例如：

if (condition) {console.log(typeof value); // 引用错误
    let value = "blue";
}

三、变量提升

• 通俗的解释是：将声明变量的代码移动到了顶部。
• 详细点的解释是：在生成执行环境时，有两个阶段：创建阶段和执行阶段。创建阶段，JS 解释器找到需要提升的变量和函数，给他们在内存中提前开辟好空间。如果是函数，将整个函数放入内存中；如果是变量，只声明，赋值为 undefined。执行阶段，可以直接提前使用。

四、箭头函数

请参考文章读书笔记：深入理解 ES6 (三)，该章第 8 节。

五、class

请参考文章读书笔记：深入理解 ES6 (九)

六、es6 整体理解

请参考深入理解 ES6 系列文章。

---

参考链接：
http://blog.poetries.top/FE-Interview-Questions/base/#_86-%E8%B0%88%E8%B0%88%E5%8F%98%E9%87%8F%E6%8F%90%E5%8D%87%EF%BC%9F
https://blog.csdn.net/ZxxSteven/article/list/1?