9. JavaScript - ES6+介绍

一、var let const 区别:

  • 使用 var 声明的变量,可以变量提升;
  • 使用letconst声明的变量,没有变量提升;

二、 临时死区(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?

张子溪
146 声望9 粉丝

程序员