1117

选择篇(013)-下面代码的输出是什么?

代码语言:javascript代码运行次数:0运行复制function sayHi() {

console.log(name);

console.log(age);

var name = "Lydia";

let age = 21;

}

sayHi();A: Lydia 和 undefinedB: Lydia 和 ReferenceErrorC: ReferenceError 和 21D: undefined 和 ReferenceError答案: D在函数中,我们首先使用var关键字声明了name变量。这意味着变量在创建阶段会被提升(JavaScript会在创建变量创建阶段为其分配内存空间),默认值为undefined,直到我们实际执行到使用该变量的行。我们还没有为name变量赋值,所以它仍然保持undefined的值。

使用let关键字(和const)声明的变量也会存在变量提升,但与var不同,初始化没有被提升。在我们声明(初始化)它们之前,它们是不可访问的。这被称为“暂时死区”。当我们在声明变量之前尝试访问变量时,JavaScript会抛出一个ReferenceError。

译者注:

关于let的是否存在变量提升,我们可以用下面的例子来验证:

代码语言:javascript代码运行次数:0运行复制let name = 'ConardLi'

{

console.log(name) // Uncaught ReferenceError: name is not defined

let name = 'code秘密花园'

}

let变量如果不存在变量提升,console.log(name)就会输出ConardLi,结果却抛出了ReferenceError,那么这很好的说明了,let也存在变量提升,但是它存在一个“暂时死区”,在变量未初始化或赋值前不允许访问。

变量的赋值可以分为三个阶段:

创建变量,在内存中开辟空间初始化变量,将变量初始化为undefined真正赋值关于let、var和function:

let 的「创建」过程被提升了,但是初始化没有提升。var 的「创建」和「初始化」都被提升了。function 的「创建」「初始化」和「赋值」都被提升了。