let

您所在的位置:网站首页 js的语言类型 let

let

2023-07-20 18:09| 来源: 网络整理| 查看: 265

从一个代码块的开始直到代码执行到声明变量的行之前,let 或 const 声明的变量都处于“暂时性死区”(Temporal dead zone,TDZ)中。

当变量处于暂时性死区之中时,其尚未被初始化,尝试访问变量将抛出 ReferenceError。当代码执行到声明变量所在的行时,变量被初始化为一个值。如果声明中未指定初始值,则变量将被初始化为 undefined。

与 var 声明的变量不同,如果在声明前访问了变量,变量将会返回 undefined。以下代码演示了在使用 let 和 var 声明变量的行之前访问变量的不同结果。

js

{ // TDZ starts at beginning of scope console.log(bar); // undefined console.log(foo); // ReferenceError var bar = 1; let foo = 2; // End of TDZ (for foo) }

使用术语“temporal”是因为区域取决于执行顺序(时间),而不是编写代码的顺序(位置)。例如,下面的代码会生效,是因为即使使用 let 变量的函数出现在变量声明之前,但函数的执行是在暂时性死区的外面。

js

{ // TDZ starts at beginning of scope const func = () => console.log(letVar); // OK // Within the TDZ letVar access throws `ReferenceError` let letVar = 3; // End of TDZ (for letVar) func(); // Called outside TDZ! } 暂时性死区与 typeof

如果使用 typeof 检测在暂时性死区中的变量,会抛出 ReferenceError 异常:

js

// results in a 'ReferenceError' console.log(typeof i); let i = 10;

这与使用 typeof 检测值为 undefined 的未声明变量不同:

js

// prints out 'undefined' console.log(typeof undeclaredVariable); 暂时性死区和词法作用域

以下代码会导致 ReferenceError:

js

function test() { var foo = 33; if(foo) { let foo = (foo + 55); // ReferenceError } } test();

由于外部变量 foo 有值,因此会执行 if 语句块,但是由于词法作用域,该值在块内不可用:if 块内的标识符 foo 是 let foo。表达式 (foo + 55) 会抛出 ReferenceError 异常,是因为 let foo 还没完成初始化,它仍然在暂时性死区里。

在以下情况下,这种现象可能会使您感到困惑。let n of n.a 已经在 for 循环块的私有范围内,因此,标识符 n.a 被解析为位于指令本身(let n)中的“n”对象的属性“a”。

在没有执行到它的初始化语句之前,它仍旧存在于暂时性死区中。

js

function go(n) { // n here is defined! console.log(n); // Object {a: [1,2,3]} for (let n of n.a) { // ReferenceError console.log(n); } } go({a: [1, 2, 3]});


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3