Coffeescriptのクラスとスコープと太い矢印と細い矢印

Question

coffeescriptクラスの太った矢印の機能では、どのようにクラスのスコープと関数にアクセスできますか？

例：私は=>を使用している場合

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

は、したがって、この例では、その後、@はクラスのこのを指しますが、私が使用している場合、一方、「これは」の場合、間違っています - >それぞれの場合、 'this'は正しくスコープされますが、クラスファンクションバーをどのように参照するのですか？

ありがとうございます！ CoffeeScriptの@にあなたが.jsファイルにあなたの.coffeeをコンパイルthisすなわちの別名であるためだ

Answer 1

は@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))