yisainan / web-interview

我是齐丶先丶森,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!更多详见公众号「前端面试秘籍」
MIT License
2.62k stars 505 forks source link

[选择题] 41.(单选题)下面代码的输出是什么 #1019

Open qiilee opened 4 years ago

qiilee commented 4 years ago
let name = "Lydia";

function getName() {
  console.log(name);
  let name = "Sarah";
}
getName();
A:Lydia
B: Sarah
C: undefined
D: ReferenceError

答案:D

解析:

每个函数都有其自己的执行上下文。getName 函数首先在其自身的上下文(范围)内查找,以查看其是否包含我们尝试访问的变量 name。上述情况,getName 函数包含其自己的 name 变量:我们用 let 关键字和 Sarah 的值声明变量 name。

带有 let 关键字(和 const)的变量被提升,但是与 var 不同,它不会被初始化。在我们声明(初始化) 它们之前,无法访问它们。这称为“暂时性死区”。当我们尝试在声明变量之前访问变量时,JavaScript 会抛出 ReferenceError: Cannot access 'name' before initialization。

如果我们不在 getName 函数中声明 name 变量,则 javascript 引擎会查看原型链。会找到其外部作用域有一个名为 name 的变量,其值为 Lydia。在这种情况下,它 将打印 Lydia :

let name = 'Lydia'
function getName()
  console.log(name)
}
getName() // Lydia