JavaScript 测验 #10

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

如果您还没有检查过 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