Jquery $() cada método oscurece 'esto' palabra clave

Question

Estoy creando un objeto JavaScript que contiene una función que ejecuta una each método jQuery como la siguiente:

function MyClass { 

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

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

     // 1   2 
     this.Method1(this); 

    }); 
    } 

} 

Qué objeto es cada THIS refiere? jQuery se refiere al artículo devuelto por la iteración each. Sin embargo, me gustaría que This[1] se refiera a la clase contenedora ...

¿Cómo puedo hacer referencia a la clase que contiene dentro del bucle jQuery?

Answer 1

Creo que se puede hacer algo como esto:

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

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

Answer 2

De http://docs.jquery.com/Core/each:

Esto significa que cada vez que se ejecuta el función pasada en (que es una vez por cada elemento emparejado) la palabra clave "this" apunta al elemento DOM específico. Tenga en cuenta que 'esto' no indica a un objeto jQuery.

Personalmente, prefiero usar parámetros explícitos. De esta manera, es más fácil de leer:

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

Para responder a su pregunta: JavaScript tiene dinámica alcance estático. Puede hacer lo siguiente:

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

Answer 3

Lo que están viendo no es un problema con jQuery o su método each() - que es lo que algunas personas consideran que es un error de diseño en JavaScript - una función anidada debería "heredar" el contexto del ámbito anterior, por lo que 'esto' en una función anidada debe ser igual a 'esto' en su alcance padre a menos que a propósito se llama desde dentro de un contexto diferente (utilizando apply() o call()).

Para solucionar esto, debe asignar 'this' a una variable antes de la función anidada para que tenga otra manera de referenciarla.

Answer 4

En jQuery 1.3.3, podrá establecer manualmente el contexto para los manejadores de eventos y demás.

jQuery Edge: Bind with a Different “this”

Mientras tanto, las diversas técnicas aquí (aliasing "este", usando la llamada/correspondan) son una práctica común. Peter Higgins de Dojo también hizo un jQuery.hitch plugin, que atiende la misma necesidad.