कॉफ़ीस्क्रिप्ट क्लास और स्कोप और वसा और पतले तीर

Question

एक कॉफ़ीस्क्रिप्ट क्लास के वसा तीर वाले फ़ंक्शन में, मैं कक्षा के साथ-साथ फ़ंक्शन के दायरे तक कैसे पहुंच सकता हूं?

उदाहरण:

class Example 
    foo: -> 
    $('.element').each => # or -> 
     @bar($(this))  # I want to access 'bar' as well as the jquery element 
    bar: (element) -> 
    element.hide() 

इस उदाहरण में

तो, अगर मैं एक => तो @ वर्ग की इस लेकिन के लिए संदर्भित करता का उपयोग 'यह' तो गलत है, जबकि अगर मैं का उपयोग एक -> प्रत्येक के लिए, फिर 'यह' सही ढंग से स्कॉप्ड होता है लेकिन फिर मैं कक्षा फ़ंक्शन बार का संदर्भ कैसे ले सकता हूं?

धन्यवाद!

Answer 1

ऐसा इसलिए है क्योंकि CoffeeScript @ में this अर्थात के लिए एक उपनाम है जब आप .js करने के लिए अपने .coffee संकलन है @this से बदल दिया जाएगा।

यदि Example::bar बदसूरत है, तो मुझे नहीं लगता कि 'सुंदर' समाधान हैं।

आप .each कॉल करने से पहले this के लिए एक संदर्भ स्टोर कर सकते हैं:

class Example 
    foo: -> 
    self = @ 
    $('.element').each -> 
     self.bar($(this)) # or self.bar($(@)) 
    bar: (element) -> 
    element.hide() 

Answer 2

जबकि mak सही है, वह विफल रहता है बाहर बात करने के लिए कि कॉफी लिपि में आप शायद ही कभी jQuery के each विधि है, जो के रूप में आप पर ध्यान की जरूरत है, घूंसे अपने आपकी अनुमति के बिना चेहरे में निष्पादन संदर्भ।

class Example 
    foo: -> 
    for element in $('.element') 
     @bar $(element) 

    bar: (element) -> 
    element.hide() 

कॉफी स्क्रिप्ट के पाशन सुविधाओं किसी भी वास्तविक कस्टम पुस्तकालय कोड के बिना each की अवधारणा का समर्थन है। और वे एक नया दायरा या संदर्भ भी उत्पन्न नहीं करते हैं जिसका अर्थ है कि आपको किसी भी तरह का वसा तीर की आवश्यकता नहीं है।

Answer 3

विभिन्न समाधान की जांच के बाद। यहां कुछ मेरे साथ सबसे पूर्ण नमूना के रूप में दिखाई देता है और क्लिक करें:

class MainApp 
    self = [] 

    constructor: -> 
    self = @ 

    toDoOnClick: (event) -> 
    self.bar($(event.target)) #hide the clicked object 

    bar: (element) -> 
    element.hide() 

    sampleMethod:-> 
    $(".myDiv").click (e) -> self.toDoOnClick(e) 
    $('.element').each -> 
     self.bar($(this))