JavaScript 测验 #10

如果您还没有检查过 JavaScript 测验 7、8 和 9 ，请在完成此测验后花一些时间查看这些测验。每一个都建立在另一个之上，并且它们变得越来越困难。假设我们有以下 JavaScript 代码：

 <script>
    var y = 10;
if (!(x in window)) {
    var x = 10;
} else {
    ++y;
}

alert(x);
alert(y);

</script>

问题 ：这段代码会成功还是失败？如果成功，警报的输出是什么？

*把你的答案写在一张纸上，然后阅读答案。*

回答 ：

该代码将正常工作。警报将依次输出 undefined 和 11 。让我们了解为什么会得到这些结果。

首先，变量 y 被创建并赋值为10，然后我们来到下面的 if 语句：

 <script>
    var y = 10;
if (!(x in window)) {
    var x = 10;
} else {
    ++y;
}

alert(x);
alert(y);

</script>

除了函数块，JavaScript 不支持块作用域（例如 if 或 for 循环块）。这意味着即使根本没有执行 if if 内定义的 x 也将在窗口范围内可用。
这意味着 x in window 将被评估为 true ，这将导致 if 分支根本不被执行。 将 执行 if 语句的 else 分支，它将 y 的当前值加 1，因此它加起来为 11。

这解释了为什么最终结果将是 undefined 和 11 。