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 对象的神奇取值：为什么可以访问不存在的属性？的详细内容，更多请关注www.sxiaw.com其它相关文章！