为什么这个闭包不能访问“this”？关键词？ - jQuery

Question

我是闭包（以及一般的 Javscript）的初学者，并且我无法找到关于此代码中发生的情况的令人满意的解释：

function myObject(){
    this.myHello = "hello";
    this.myMethod = do_stuff;
}

function do_stuff(){
    var myThis = this;
    $.get('http://example.com', function(){
        alert(this.myHello);
        alert(myThis.myHello);
    });
}

var obj = new myObject;
obj.myMethod();

它将警告“未定义”，然后警告“你好”。显然这不应该是 jQuery 特有的，但这是我能想到的原始代码的最简单形式。 do_stuff() 中的闭包可以访问该范围内的变量，但显然此规则不适用于 this 关键字。

问题：

当闭包传递到 do_stuff() 范围之外时（在本例中为 $.get()），this 会发生什么？ myThis 是否包含 this 的副本或对其的引用？在闭包中使用 this 通常不是一个好主意吗？

非常感谢任何回应。

Answer 1

当闭包传递到 do_stuff() 范围之外（在本例中为 $.get()）时会发生什么？

每个函数都有自己的执行上下文，this 关键字检索当前上下文的值。

doStuff 标识符和 obj.myMethod 属性引用同一个函数对象，但由于您将其作为对象的属性调用 (obj.myMethod( );)，该函数内的 this 值将引用 obj。

当 Ajax 请求成功时，jQuery 将调用第二个函数（启动新的执行上下文），并且它将使用一个包含用于请求的设置的对象作为该回调的 this 值。

myThis 是否包含此内容的副本或对其的引用？

myThis 标识符将包含对对象的引用，该对象也由外部作用域上的 this 值引用。

在闭包中使用它通常不是一个好主意吗？

如果您了解如何隐式处理 this 值，我看不出有任何问题...

由于您使用的是 jQuery，您可能需要检查 jQuery.proxy 方法，是一种实用方法，可用于保留函数的上下文，例如示例：

function myObject(){
    this.myHello = "hello";
    this.myMethod = do_stuff;
}

function do_stuff(){
    $.get('http://example.com', jQuery.proxy(function(){
        alert(this.myHello);
    }, this)); // we are binding the outer this value as the this value inside
}

var obj = new myObject;
obj.myMethod();

另请参阅：

• 'this'没有 hack 就无法在私有 JavaScript 函数中访问对象吗？

Answer 2

$.get('http://example.com', function(){
    alert(this.myHello);  // this is scoped to the function
    alert(myThis.myHello);  // myThis is 'closed-in'; defined outside
});

注意匿名函数。该范围内的 this 是该函数的范围。 myThis 是外部作用域的 this，其中定义了 myHello。在萤火虫中检查一下。

我相信，“this”总是指的是当前的执行范围。如果您想获取当前范围并保留它，您可以执行您所做的操作，即将其分配给另一个变量。

Answer 3

$.get('http://example.com', function(){
   // inside jQuery ajax functions - this == the options used for the ajax call
});

当闭包传递到 do_stuff() 范围之外（在本例中为 $.get()）时，会发生什么情况？

它什么也没有“发生”，对于那个闭包来说，这仍然是这个，从闭包调用的函数的执行上下文不会自动继承this。

myThis 是否包含此副本或对其的引用？

所有非标量赋值都是 JavaScript 中的引用。所以它是对 this 的引用，如果您更改其中一个的属性，它们都会更改。

在闭包中使用它通常不是一个好主意吗？

在闭包中使用 this 通常是一个好主意，但如果您要在需要访问相同 this 的内部使用闭包，那么最好的做法是正是您所做的：var someName = this;，然后使用someName访问