JavaScript 中的嵌套函数和“this”关键字

Question

“this 关键字总是指包含函数作为方法的对象。”

太好了，听起来很简单，但这就是我想知道的......

例如：

function func1() {

  function func2() {
    alert(this == window); // true
  }

  func2();

  alert(this == window); // true
}

func1.func3 = function () {

  alert(this == window); // false
  alert(this == func1); // true

};

func1();
func1.func3();

现在，因为 func1 实际上是 global (window) 对象的方法（分配给 global 的属性 func1 的函数对象对象）在func1 内部的this 是有意义的，它指的是全局 对象，并且由于func3 是func1 的函数对象的方法，因此内部的this 是有意义的func3 指的是func1 的函数对象。

困扰我的是func2。我知道嵌套函数中的 this 也应该引用 global 对象，但我不知道为什么因为 func2 不是 global 的方法> 对象。据我了解（这是我可能完全错误的部分）func2 是func1 的调用（激活/变量）对象的方法。现在，如果我对此是正确的（我不确定我是否正确），那么在 func2 中的 this 不应该引用 func1 的调用对象而不是 global 对象？

所以，我想我的问题是：嵌套函数是它所嵌套的函数的调用（激活）对象的方法吗？如果是这样，this 不应该引用该调用对象而不是全局对象？

Answer 1

this 关键字总是指包含函数的对象。

没有。不幸的是，这并不容易。 MDN 上的documentation of the this keyword 提供了很好的概述。当函数作为方法调用时，它被设置为对象on，但还有其他可能性。默认情况下，this 是 undefined，当它被调用时没有任何特殊，就像你对 func1 和 func2 所做的那样。对于草率（非严格）模式函数undefined（和null）虽然没有使用，但this 在这种情况下确实指向它们的全局对象（浏览器中的window） - 你正在观察什么。

但是，当函数作为构造函数调用时（使用new 关键字），它也可以指向新的对象实例，或者在用作处理程序时指向事件目标（如 DOM 元素）。最后但同样重要的是，它可以使用call、apply 或bind 手动设置...

this 与嵌套无关。嵌套函数声明/表达式仅影响变量的范围（“隐私”，可用性）。虽然函数的变量范围永远不会改变，但 this 的值在每次调用时都可能不同 - 它更像是一个额外的参数。

Answer 2

函数中this 关键字的含义取决于调用函数的方式。 JavaScript 中有 4 种不同的函数调用模式。

1. 函数调用模式foo()
2. 方法调用模式o.foo()
3. 构造函数调用模式new foo
4. 调用/应用模式foo.apply(...) 或foo.call(...)

只有在#2中，函数内部的this指的是函数是方法的对象。

您正在使用函数调用模式调用func2()。这样做时，this 指的是全局对象。

根据@Bergi 的建议，请参阅https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/this 以了解有关this 含义和不同函数调用模式的更多详细信息。

Answer 3

但我不确定为什么，因为 func2 不是全局对象的方法。

在函数内部定义的任何东西都在该函数的范围内。所以func2属于func1的本地范围，因此不附加到window。

在 Javascript 中，this 的值通常取决于您调用函数的方式。当你调用一个没有任何前导对象的函数时，this 通常设置为全局父对象，即window。

您可以通过三种方式显式设置this 的值：

myObj.func(a, b); //this set to myObj implicitly because myObj is the parent 

func.call(myObj, a, b); //this set to myObj explicitly; the first argument 
                        //to call sets the value of this for that function

func.apply(myObj, [a, b]); //this set to myObj explicitly; the first argument
                           //to apply also sets the value of this for that
                           //function.

this 可能是一个棘手的概念。 MDN 有一个关于this 的good article。