jQuery कॉलबैक - सख्त उल्लंघन

Question

मैं जब strict mode में उल्लिखित here मूल विचार के बारे में this एक method में किया जा रहा नहीं मिलता है, लेकिन यह थोड़ा बहुश्रुत हो जाता है, ईमानदार होना। तो, में और अधिक नीरस शर्तें:

मैं बहुत की तरह एक हैंडलर है:

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

मैं यह करने के लिए इसे बदलना चाहते:

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

यह क्योंकि strict mode में यह पसंद नहीं करता क्योंकि मैं एक विधि के बाहर this का उपयोग कर रहा हूँ। मै समझ गया।

हालांकि, मैं क्योंकि (1) यह विभिन्न कक्षाओं/तत्वों और (2) मैं .off().one('keyup', myFunction) उपयोग कर रहा हूँ विभिन्न बिंदुओं पर विभिन्न कक्षाओं के लिए one हैंडलर रीसेट करने से अनुलग्न है, हैंडलर को myFunction अलग की आवश्यकता है।

तो this व्यवसाय का उल्लंघन किए बिना मैं अलग कॉलबैक फ़ंक्शन कैसे प्राप्त करूं?

Answer 1

के बारे में मैं यह जब कठोर मोड में एक विधि में नहीं किया जा रहा मूल विचार मिलता है ...

हाँ, पर आप दो असंबंधित बातें भ्रमित कर रहे हैं: सख्त मोड, और JSLint। वे काफी हद तक असंबंधित हैं (सिवाय इसके कि जेएसलिंट के पास सख्त मोड की आवश्यकता है)।

सख्त मोड में आपके कोड के साथ कोई समस्या नहीं है। यह पूरी तरह से वैध और उपयुक्त है (इस कारण कि jQuery this का उपयोग कैसे करता है)। Exampleकोई "सख्त उल्लंघन" है।

जेएसलिंट इसे पसंद नहीं करता है, लेकिन जेएसलिंट को ऐसी कई चीजें पसंद नहीं हैं जो पूरी तरह से वैध और उपयुक्त हैं। जेएसलिंट उन चीजों के संयोजन का पता लगाता है जो बहुत व्यापक रूप से मान्यता प्राप्त हैं (जैसे अर्धविराम गायब), और डगलस क्रॉकफ़ोर्ड को शैली परिप्रेक्ष्य से पसंद नहीं है। क्रॉकफोर्ड के बुद्धिमान और अच्छी तरह से सूचित, लेकिन हर कोई अपने स्टाइल विकल्पों से सहमत नहीं है।

टूलटिट का एक आवश्यक हिस्सा, लिंट टूल्स बहुत उपयोगी हैं। जेएसलिंट शैली के मुद्दों के साथ पदार्थों के मुद्दों को भंग कर (मेरे दृश्य में) से कम सहायक है (हालांकि यह जावास्क्रिप्ट के साथ एक अच्छी लाइन है)। आप JSHint का उपयोग करने पर विचार कर सकते हैं, एक कांटा जो आपको जांचता है कि यह अधिक नियंत्रण देता है।

Answer 2

क्या आप इसके बजाय ईवेंट ऑब्जेक्ट का उपयोग नहीं कर सकते?

यानी।

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

उदाहरण: http://jsfiddle.net/gRoberts/cRnb3/

Answer 3

आप घटना-वस्तु पारित कर दिया गर्त की currentTarget, की तरह पढ़ सकता है:

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

Answer 4

इस

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

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