javascript - js 中的 window 对象可以点出任意名称?

Question

index.js 全部代码

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

为什么可以直接使用 window 对象点出不存在的属性 num? 执行原理是什么?
之前一直以为这两段代码都会报错 not defined ...

Answer 1

所有js对象都是这样的。

Answer 2

这种算语言特性吧，就像访问一个数组中不存在的下标，也会自动扩容一样

点语法也是通过 [[GetOwnProperty]] 取值的，在 ECMA-262 文档中有对此作出相关描述

ECMA 文档链接 ECMA-262 10 Ordinary and Exotic Objects Behaviours

Answer 3

在 JavaScript 中，window 对象是一个全局对象，它包含了浏览器窗口的信息和功能。由于 window 对象的这种特性，当你在代码中访问 window.num 时，JavaScript 会首先在 window 对象上查找名为 num 的属性。

在你的示例代码中，window.num 试图访问 window 对象上的 num 属性。如果 num 属性不存在于 window 对象上，JavaScript 不会报错，而是返回 undefined。因此，console.log(window.num); 这一行代码将输出 undefined。

另一方面，当你尝试直接访问一个未定义的变量（如 num）时，JavaScript 会抛出一个错误。在你的代码中，num 变量没有被定义，因此 console.log(num); 这行代码会抛出 Uncaught ReferenceError: num is not defined 错误。

所以，虽然你可能会认为这两段代码都会报错，但实际上它们的行为是不同的。这种行为是由于 JavaScript 的变量提升（Hoisting）机制。在 JavaScript 中，变量和函数声明会被提升到它们所在的作用域的顶部。但是，只有声明会被提升，赋值等其他操作仍然在原地执行。在你的代码中，由于 num 变量没有被赋值，所以当你在代码中直接使用它时，JavaScript 会抛出一个错误。而 window.num 则是因为它试图访问 window 对象上的一个属性，而不是一个变量，所以不会抛出错误。