Làm thế nào tôi có thể sử dụng Coffeescript 'this' từ bên trong jQuery $ .bind()?

Question

Khi sử dụng các lớp trong Coffeescript, tôi đã vấp phải một vấn đề lớn, hãy để tôi minh họa

class Bet 
    constructor:() -> 

    placeBet: -> 
    $('#chips > div').bind 'click', -> 
     amount = $(this).attr 'id' 
     pile = $(this) 
     switch amount 
     when "ten" then this.bet pile, amount #This line causes a problem 

    bet: (pile, amount) -> 
    alert 'betting!' 

Các cuộc gọi đến this.bet trên tạo ra các lỗi sau:

của router Lỗi Loại: Object # không có phương thức 'đặt cược'

Vì vậy, hiện tại phương pháp thể hiện của lớp học của tôi không được gọi, Làm cách nào tôi có thể gọi chính xác số đặt cược phương pháp của lớp học của tôi mà không có nó va chạm với bộ chọn jQuery này (Đó là những gì tôi cho là đang xảy ra bây giờ)?

Cảm ơn bạn rất nhiều trước!

Answer 1

Hãy thử điều này:

class Bet 
    constructor:() -> 

    placeBet: -> 
    that = this 
    $('#chips > div').bind 'click', -> 
     amount = $(this).attr 'id' 
     pile = $(this) 
     switch amount 
     when "ten" then that.bet pile, amount #This line causes a problem 

    bet: (pile, amount) -> 
    alert 'betting!' 

Answer 2

Bạn kịch bản biến thành này:

var Bet; 

Bet = (function() { 

    function Bet() {} 

    Bet.prototype.placeBet = function() { 
    return $('#chips > div').bind('click', function() { 
     var amount, pile; 
     amount = $(this).attr('id'); 
     pile = $(this); 
     switch (amount) { 
     case "ten": 
      return this.bet(pile, amount); //<< you cannot do this!!! 
     } 
    }); 
    }; 

    Bet.prototype.bet = function(pile, amount) { 
    return alert('betting!'); 
    }; 

    return Bet; 

})(); 

---

gì bạn cần là một tham chiếu đến _self đó là được đối tượng Bet:

class Bet 
    constructor:() -> 

    placeBet: -> 
    _self = this 
    $('#chips > div').bind 'click', -> 
     amount = $(this).attr 'id' 
     pile = $(this) 
     switch amount 
     when "ten" then _self.bet pile, amount #This line causes a problem 

    bet: (pile, amount) -> 
    alert 'betting!' 

Answer 3

Anothe Giải pháp r là sử dụng mũi tên chất béo CoffeeScript trong trình xử lý sự kiện nhấp chuột sau đó phạm vi của bạn sẽ giống như khi bạn ở bên trong hàm placeBet. Sau đó, bạn sẽ sử dụng e.currentTarget để tham chiếu đến đối tượng mục tiêu thay vì sử dụng $(this)

class Bet 
    constructor: -> 

    placeBet: -> 
    $('#chips > div').bind 'click', (e) => 
     target = $(e.currentTarget) 
     amount = target.attr 'id' 

     switch amount 
     when "ten" then @bet target, amount #This line causes a problem 

    bet: (pile, amount) -> 
    alert 'betting!'