Coffeescriptowe klasy i zakresy oraz cienkie i cienkie strzałki

Question

Jak uzyskać dostęp do zakresu klasy, a także funkcji?

przykład:

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

Tak więc w tym przykładzie, w przypadku korzystania z => to @ odnosi się do tego klasy, ale „to” jest wtedy tak, natomiast w przypadku korzystania z -> dla każdego, to "to" jest poprawnie określone, ale jak mogę się odwołać do paska funkcji klasy?

Dzięki!

Answer 1

To dlatego, że w coffeescript @ jest aliasem dla this czyli kiedy skompilować .coffee do js @ zostaną zastąpione this.

Jeśli brzydkie jest Example::bar, nie sądzę, że istnieją "ładniejsze" rozwiązania.

można przechowywać odniesienie do this przed wywołaniem .each:

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

Answer 2

Podczas mak ma rację, nie uda mu się zwrócić uwagę, że w coffeescript rzadko potrzebują each metody jQuery, która, jak zauważył, stemple swoje kontekst wykonania w twarz bez Twojej zgody. przelotowe cechy

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

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

Coffee script wspierać koncepcję each bez rzeczywistego kodu niestandardowego biblioteki w ogóle. Nie generują też nowego zakresu ani kontekstu, co oznacza, że ​​nie potrzebujesz żadnej grubej strzały.

Answer 3

Po sprawdzeniu innego rozwiązania. Tutaj coś pojawia się dla mnie jako najbardziej kompletna próbka z każdym i kliknij:

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