Javascript 函数作用域与对象作用域

Question

我已经到了尝试用一些更高级的概念来充实我的 javascript 知识的地步。

我想我非常了解范围的工作原理。对象从原型(prototype)继承然后是全局作用域，而函数在其内部提供更传统的 block 作用域。

我很难理解的是:

function a(){
  console.log(this.z);
  }

a.z = 12;

a(); //returns undefined :(

我期待回显 12，但当然不是。 z 到底存储在哪里？示例中的“this”指的是什么？

Answer 1

当您调用一个函数时，JavaScript 会将当前上下文 (this) 设置为调用它的对象。如果该函数未附加到任何对象，默认情况下将使用全局对象(浏览器中的 window 对象)^*。

因此，在这种情况下，this 指的是全局对象，而不是 a。在全局对象中，z 尚未定义。这就是它返回 undefined 的原因。

要获取值 12，您需要像这样访问它

function a() {
    console.log(a.z);   // Use `a` itself, instead of `this`.
}

a.z = 12;

a();

^{* 在严格模式下，如果在没有任何显式对象引用的情况下调用函数，this 将被设置为 undefined。}