下面代码的输出是什么?
1 2 3 4 5 6 7 8 | function sayHi() { console.log(name); console.log(age); var name = "Lydia" ; let age = 21; } sayHi(); |
A. Lydia 和 undefined
B. Lydia 和 ReferenceError
C.ReferenceError 和 21
D.undefined 和 ReferenceError
正确答案是 D
在函数中,我们首先使用var关键字声明了name变量。 这意味着变量在创建阶段会被提升(JavaScript会在创建变量创建阶段为其分配内存空间),默认值为undefined,直到我们实际执行到使用该变量的行。 我们还没有为name变量赋值,所以它仍然保持undefined的值。
使用let关键字(和const)声明的变量也会存在变量提升,但与var不同,初始化没有被提升。 在我们声明(初始化)它们之前,它们是不可访问的。 这被称为“暂时死区”。 当我们在声明变量之前尝试访问变量时,JavaScript会抛出一个ReferenceError。
译者注:
关于let的是否存在变量提升,我们何以用下面的例子来验证:
1 2 3 4 5 | 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 的「创建」「初始化」和「赋值」都被提升了。
收益匪浅啊
对我帮助很大,最重要的是帮我认识到自己的不足
深入浅出