Các lớp học và phạm vi Coffeescript và mũi tên béo và mỏng

Question

Trong chức năng mũi tên béo của lớp coffeescript, làm thế nào tôi có thể truy cập vào phạm vi của lớp cũng như chức năng?

Ví dụ:

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

Vì vậy, trong ví dụ này, nếu tôi sử dụng a => thì @ dùng để chỉ này của lớp nhưng 'này' được thì sai, trong khi đó nếu tôi sử dụng một -> cho mỗi cái, thì 'cái này' được sắp xếp một cách chính xác nhưng sau đó làm thế nào để tôi tham chiếu đến thanh chức năng của lớp?

Cảm ơn!

Answer 1

Đó là vì trong CoffeeScript @ là bí danh cho this tức là khi bạn biên dịch .coffee thành .js @ sẽ được thay thế bằng this.

Nếu Example::bar là xấu xí, tôi không nghĩ rằng có các giải pháp 'đẹp hơn'.

Bạn có thể lưu trữ một tham chiếu đến this trước khi gọi .each:

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

Answer 2

Trong khi mak là đúng, ông thất bại trong việc chỉ ra rằng trong kịch bản cà phê bạn hiếm khi cần phương pháp each jQuery, mà như bạn thấy, đấm của bạn bối cảnh thực hiện trong khuôn mặt mà không có sự cho phép của bạn.

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

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

Tính năng lặp của tập lệnh cà phê hỗ trợ khái niệm each mà không có bất kỳ mã thư viện tùy chỉnh thực tế nào. Và họ cũng không tạo ra một phạm vi mới hoặc bối cảnh có nghĩa là bạn không cần một mũi tên chất béo của bất cứ loại nào.

Answer 3

Sau khi kiểm tra giải pháp khác. Ở đây, một thứ gì đó xuất hiện cho tôi là mẫu hoàn chỉnh nhất với mỗi mẫu và nhấp vào:

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