JavaScript 中 window 对象的神奇取值：为什么可以访问不存在的属性？

前往下载Windows工具

大家好，我们又见面了啊~本文《JavaScript 中 window 对象的神奇取值：为什么可以访问不存在的属性？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

window 对象中的神奇取值

在 javascript 中，我们经常使用 window 对象来获取浏览器相关信息。但你知道吗？window 对象可以取值任意一个名称，即使这个名称不存在！

问题场景

以下代码演示了这种特性：

console.log(window.num); // undefined
console.log(num); // Uncaught ReferenceError: num is not defined

执行原理

为什么可以直接使用 window 对象取值不存在的属性 num？原来，这种特性是一种语言特性，类似于为数组赋值不存在的下标时自动扩容。

点语法是通过 [[getownproperty]] 取值的。在 ecmascript 规范中，对这种行为有相关的描述：

当使用点语法获取对象属性时，如果该属性不存在，它会触发一个内部的代理陷阱。这个陷阱的作用是，检查该属性是否在对象的原型链中存在。如果在原型链中存在，则返回该属性的值；否则，返回 undefined。

扩展说明

这种特性可以使得代码更简洁优雅，但需要注意不要滥用，以免造成代码逻辑混乱。在某些情况下，还是建议明确使用 window 对象来访问全局变量。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript 中 window 对象的神奇取值：为什么可以访问不存在的属性？》文章吧，也可关注golang学习网公众号了解相关技术文章。