jQuery Callback - strenge Verletzung

Question

Ich bekomme die Grundidee über this nicht in einem method wenn in strict mode skizziert here, aber es wird ein bisschen gelehrt, um ehrlich zu sein. Also, in prosaischen Begriffe:

Ich habe einen Handler wie folgt:

$('.myClass').one('keyup', function() { 
    var $this = $(this); 
    etc etc 
}); 

ich es, dies ändern will:

function myFunction() { 
    var $this = $(this); 
    etc etc 
}; 
$('.myClass1').one('keyup', myFunction); 
$('.myClass2').one('keyup', myFunction); etc 

Es mag es nicht, weil in strict mode weil Ich verwende this außerhalb einer Methode. Ich verstehe das.

Ich brauche aber myFunction getrennt an den Handler zu haben, weil (1), um sie verschiedenen Klassen/Elemente angebracht ist und (2) Ich verwende .off().one('keyup', myFunction) die one Handler für verschiedene Klassen an verschiedenen Stellen zu setzen.

Also wie komme ich mit einer separaten Rückruffunktion ohne Verletzung der this Geschäft?

Answer 1

ich die Grundidee darüber nicht, wenn im Strict-Modus in einem Verfahren zu sein ...

Ja, aber Sie sind verwirrend zwei unabhängige Dinge: Strenger Modus und JSLint. Sie sind weitgehend unabhängig voneinander (außer dass JSLint eine Option für den strikten Modus hat).

Es gibt kein Problem mit Ihrem Code im strikten Modus. Es ist absolut gültig und angemessen (wegen der Art und Weise, wie jQuery this verwendet). Example Es gibt keine "strikte Verletzung" dort.

JSLint mag es nicht, aber JSLint mag nicht viele Dinge, die perfekt gültig und angemessen sind. JSLint erkennt eine Kombination von Dingen, die als Probleme weithin bekannt sind (wie fehlende Semikolons) und Dinge, die Douglas Crockford aus einer Perspektive nicht mag. Crockford ist intelligent und gut informiert, aber nicht alle sind mit seiner Stilwahl einverstanden.

Lint-Werkzeuge sind sehr hilfreich, ein wesentlicher Bestandteil des Toolkits. JSLint ist weniger hilfreich, als es (meiner Meinung nach) sein könnte, wenn man Substanzprobleme mit Stilproblemen zusammenführt (obwohl es eine feine Linie ist, mit JavaScript). Sie könnten in Betracht ziehen, JSHint zu verwenden, eine Verzweigung, die Ihnen mehr Kontrolle darüber gibt, was überprüft wird.

Answer 2

Können Sie das Ereignisobjekt nicht stattdessen verwenden?

, d.h.

function myFunction (e) { 
    var $this = $(e.currentTarget); 
}; 

Beispiel: http://jsfiddle.net/gRoberts/cRnb3/

Answer 3

Sie die current des ereignis Objekt übergeben Trog lesen konnte, wie:

function myFunction (event) { 
    var $this = $(event.currentTarget); 
    etc etc 
}; 
$('.myClass1').one('keyup', myFunction); 
$('.myClass2').one('keyup', myFunction); etc 

Answer 4

Versuchen Sie, diese

function myFunction() { 
    var $this = $(this); 
    etc etc 
}; 
var obj= $('.myClass1'); 
obj.myFunction =myFunction ; 

obj.one('keyup', myFunction); 
obj.one('keyup', myFunction); etc