# 暂时性死区

本节是 let 和 const 关键字相关的考点

考点,是它背后所牵扯出的变量提升、暂时性死区等知识点

# 从变量提升说起

在 “var” 时代,有一个特别的现象:无论变量声明写在哪,最后都会被提到作用域的顶端。

console.log(num);
var num = 1;

这段代码不会报错,反而会输出一个 undefined,因为它等价于:

var num;
console.log(num);
num = 1;

这是全局作用域的情况,函数作用域同理

# 变量提升的原理

之前学过这方面相关的知识

js 分编译阶段和执行阶段,在代码执行前都会有个短暂的编译阶段,就在这个编译阶段完成了变量声明,所以变量才会提到作用域的顶端

# 被禁用的变量提升

而 let 和 const 的一个重要特征,就是它们不存在变量提升

它们的声明生效时机和具体代码的执行时机保持一致

# let 与 const

let 与 const 除了不存在变量提升,还和块作用域(局部作用域)有关

# let 关键字

let 声明变量时,会绑定到块作用域上,而 var 不会感知块作用域

在函数里,var 声明的变量也只在函数作用域中有效

# const 关键字

const 声明的变量,也会绑定到块作用域上

const 关键字还有两个特点:

  • 声明时必须赋值
  • 赋值后不可更改

注意:赋值后不可更改得分情况。

如果值是基本类型,不可更改; 如果是引用类型,比如对象,修改对象的属性是可以的,但是重新赋值对象是不允许的

# 暂时性死区

在上文的基础上,理解暂时性死区

var me = "xiuyan";
{
  me = "bear";
  let me;
}

这段代码运行会报错,为什么呢?

块作用域中用 let 和 const 声明的变量,该变量会被封闭在块作用域中,不会“探出头去”寻找全局变量

同时,let 声明的变量不存在变量提升,所以会报错。

因此,在这个块作用域 let 关键字前,使用 let 变量的部分,就是暂时性死区。

暂时性死区的本质:当我们进入当前作用域时,let 或者 const 声明的变量已经存在了——它们只是不允许被获取而已

更新时间:: 10/27/2021, 9:34:24 AM