Tham khảo tầng lớp phụ huynh trong CoffeeScript từ một callback jQuery

Question

Tôi mới đến CoffeScript và tôi đã tự hỏi nếu có một cách viết các đoạn mã sau đây mà không cần tham khảo các ứng dụng biến toàn cục:

class App 

    constructor: -> 
     @ui = ui.init() 
     $('#content-holder a[rel!=dialog]').live 'click', -> 
      link = $(@).attr 'href' 
      app.loadUrl link 
      return false 

    loadUrl: (href) -> 
     # ... 

app = new App() 

Sử dụng chất béo mũi tên không hoạt động, như sau đó tôi đã làm mất tài liệu tham khảo cho các đối tượng jQuery, tức là

class App 
    constructor: -> 
     @ui = ui.init() 
     $('#content-holder a[rel!=dialog]').live 'click', => 
      # @ now references App 
      link = $(@).attr 'href' 
      this.loadUrl link 
      return false 

    loadUrl: (href) -> 
     # ... 

phần đầu tiên của mã làm việc, nhưng tôi muốn để thoát khỏi của biến toàn cầu nếu có thể :-)

Chúc mừng, Gaz.

Answer 1

handler nhấp chuột của bạn nhận được một sự kiện được thông qua vào ... để bạn có thể tận dụng tốt nhất của cả hai thế giới với "mũi tên béo" mà không cần cũng phải tham khảo self:

constructor: -> 
    @ui = ui.init() 
    $('#content-holder a[rel!=dialog]').live 'click', (e) => 
     link = $(e.target).attr 'href' 
     @loadUrl link 
     return false 

Answer 2

Vâng, CS chỉ là cú pháp cấp cao hơn cho JS.

Trong JS this chỉ có thể tham chiếu một đối tượng.

Mũi tên chất béo sử dụng đóng cửa để làm this bằng một mức độ cao hơn this, không có gì hơn, và đó là lý do tại sao nó quan trọng hơn this trong phạm vi của một callback

Mũi tên đơn giản, ngược lại, chỉ là một function bí danh, và đó là lý do tại sao this là phần tử DOM trong trường hợp đầu tiên.

Cuối cùng, @something được dịch một cách trivially thành this.something và không làm gì hơn.

Vì vậy, ý kiến ​​của tôi - lựa chọn tốt nhất của bạn thực sự đang thực hiện self = @ trước khi ràng buộc.