在Javascript中，为什么“this”操作符不一致？

Question

在Javascript中，为什么“this”操作符不一致？

在JavaScript中，“this”操作符可以在不同的场景中引用不同的内容。

通常，在JavaScript“Object”中的方法中，它引用当前对象。

但是，当用作回调时，它将成为对调用对象的引用。

我发现这会导致代码中的问题，因为如果使用JavaScript“Object”中的方法作为回调函数，则无法判断“this”指的是当前的“Object”还是“this”指的是调用的对象。

有人能澄清如何解决这个问题的用法和最佳实践吗？

   function TestObject() {
            TestObject.prototype.firstMethod = function(){
                      this.callback();
                      YAHOO.util.Connect.asyncRequest(method, uri, callBack);

            }

            TestObject.prototype.callBack = function(o){
              // do something with "this"
              //when method is called directly, "this" resolves to the current object
              //when invoked by the asyncRequest callback, "this" is not the current object
              //what design patterns can make this consistent?
              this.secondMethod();
            }
            TestObject.prototype.secondMethod = function() {
             alert('test');
            }
        }

Answer 1

在JavaScript中，this始终引用调用正在执行的函数的对象。所以如果函数被用作事件处理程序，this将引用触发事件的节点。但是，如果您有一个对象并在其上调用一个函数，如下所示：myObject.myFunction();然后this内myFunction将指myObject..有道理吗？为了绕过它，您需要使用闭包。您可以按以下方式更改代码：function TestObject() {     TestObject.prototype.firstMethod = function(){         this.callback();         YAHOO.util.Connect.asyncRequest(method, uri, callBack);     }                 var that = this;     TestObject.prototype.callBack = function(o){         that.secondMethod();     }     TestObject.prototype.secondMethod = function() {          alert('test');     }}