JavaScript面试题总结系列

Posted 2020-11-23 zxxsteven

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?