jQuery的$（）每種方法掩蓋「這個」關鍵詞

Question

我創建一個包含執行一個jQuery each方法像下面這樣的功能的Javascript對象：

function MyClass { 

    Method1 = function(obj) { 
    // Does something here 
    } 

    Method2 = function() { 
    $(".SomeClass").each(function() { 

     // 1   2 
     this.Method1(this); 

    }); 
    } 

} 

哪個對象是各THIS指什麼？ jQuery指的是從each迭代返回的項目。不過，我想This[1]指的是包含類...

我如何從jQuery循環中引用包含類？

Answer 1

我想你可以做這樣的事情：

function MyClass { 
    Method1 = function(obj) { 
     //do something here 
    } 

    Method2 = function() { 
      var containingClass = this; 
      $(".SomeClass").each(function() { 
      containingClass.Method1(this); 
      }); 
     } 
    } 
} 

Answer 2

從http://docs.jquery.com/Core/each：

這意味着，每一次執行 傳入的函數（ 是一次每個元素匹配） 「this」關鍵字指向特定的 DOM元素。請注意，'this'不是 指向一個jQuery對象。

個人而言，我更喜歡使用顯式參數。通過這種方式，它更容易閱讀：

$('#rotfl').each(function(index, domObject) 
{ 
    var jQueryObject = $(domObject); 
    // code 
}); 

要回答你的問題：JavaScript有 動態 靜態範圍。你可以做到以下幾點：

var that = this; 
$('#rotfl').each(function(index, domObject) 
{ 
    var jQueryObject = $(domObject); 
    that.DoSomething(); 
    // code 
}); 

Answer 3

你看到的是不使用jQuery或其each()方法的問題 - 這是一些人認爲是在JavaScript設計錯誤 - 一個嵌套函數應「繼承」前一範圍的範圍內，所以「這個」在嵌套函數應（使用apply()或call()）處於它的父範圍等於「這個」，除非從不同的上下文內有目的地調用。

爲了解決這個問題，您需要在嵌套函數之前爲變量指定'this'，以便您有另一種方法來引用它。

Answer 4

在jQuery 1.3.3中，您將能夠手動設置事件處理程序等的上下文。

jQuery Edge: Bind with a Different 「this」

同時，這裏的各種技術（別名「本」，使用呼叫/應用）是常見的做法。 Dojo的Peter Higgins也製作了jQuery.hitch plugin，這也符合相同的需求。