为什么在对象内部调用函数时“this.myFunction”不起作用？

Question

这里有两个代码示例。第一个不起作用，第二个起作用，尽管我完全不知道为什么。有人可以解释一下吗？

[我正在编写一个简单的游戏，使用一点 jQuery 在 webkit 浏览器中玩（稍后与 Titanium 一起打包）。]

在第一个示例中，Firebug 告诉我“this.checkCloud”不是函数。

function Cloud(){

    this.checkCloud = function(){
      alert('test');            
    }

    $("#"+this.cloudName).click(function(){
        this.checkCloud();
    });

}

...但是这样可以：

function Cloud(){

    this.checkCloud = function(){
      alert('test');            
    }

    var _this = this;

    $("#"+this.cloudName).click(function(){
        _this.checkCloud();
    });

}

这个很完美。

为什么第一个不起作用？是因为“this.checkCloud”在匿名函数里面吗？

Answer 1

在这个例子中：

$("#"+this.cloudName).click(function(){
        this.checkCloud();
    });

this 指向所选元素（jquery 对象）的引用。

你可以做的是使用私有函数

var checkCloud = function(){
      alert('test');            
    }

这样你就可以简单地在你的匿名函数中调用它

$("#"+this.cloudName).click(function(){
            checkCloud();
        });

Answer 2

这是因为this 的含义可能会在您每次通过函数创建新范围时发生变化。 this 的含义取决于函数的调用方式（并且规则可能非常复杂）。正如您所发现的，简单的解决方案是创建第二个变量，在 this 具有预期/期望值的范围内保存 this，然后重用该变量而不是 this 来引用同一个对象在this 可能不同的新功能范围内。

Answer 3

试试这个：

function Cloud(){

    this.checkCloud = function(){
      alert('test');            
    }

    var func = this.checkCloud;

    $("#" + this.cloudName).click(function(){
         func();
     });
}

Answer 4

当你为一个元素分配一个偶数监听器时，jQuery 确保this 将引用该元素。但是，当您创建 _this 变量时，您正在创建一个 jQuery 无法处理的闭包，即使它想要这样做。