CoffeeScript的類 - 調用從我已經重寫我的嵌入式JS在我的Rails應用程序的其他

Question

調用一個類的方法coffeescript..and我是新來的CoffeeScript ...

我的做法是，這些文章的結構：

• approach one

• approach two

我的代碼：

s = undefined 
class App.PhotoLike 

    settings: 
    modalElement: $('#myModal') 
    likeButtonId: '#like' 
    photo_id: $('.image_info').attr('photo_id') 
    numberOfLikes: $('#likes_num') 

    constructor: (@el) -> 
    console.log('constructor called') 
    s = @settings 
    @bindUIActions() 
    return this 


    bindUIActions: -> 
    console.log('bindUIActions called') 
    $('#myModal').on 'click', '#like', -> likePhoto() 
    $(document).on "page:change", -> pageChange() 


    pageChange: -> 
    console.log('pageChange called') 
    photo = new App.Photo 

    likePhoto: -> 
    console.log('likePhoto called') 
    url = '/photos/' + s.photo_id + '/like' 
    $.get url, (data) -> 
     s.numberOfLikes.html data['likes'] + ' likes' 
     $(s.likeButtonId).toggleClass 'btn-success' 

這是獲取與阿賈克斯loded模型的一部分，一旦調用成功，我做我創建上面的類（實例）：

new (App.PhotoLike) 

我的問題。 模態得到加載一切似乎很好。但是，當我觸發事件：

$('#myModal').on 'click', '#like', -> likePhoto() 

我得到：

photo.like.self-942fcd8….js?body=1:25 Uncaught ReferenceError: likePhoto is not defined 

所以，它不知道likePhoto功能。我曾嘗試調用this.likePhoto和@likePhoto，但是這指的是觸發事件的按鈕元素。

那麼我該如何做到這一點？ 歡迎使用其他方法。我不太確定我是否需要班級...但我真的想要結構化代碼...

Answer 1

likePhoto（）是我們的對象/類App.PhotoLike的函數。你稱它爲一個本地函數。

你可以做這樣的事情，而不是

bindUIActions: -> 
    _this = this #this will change inside, so we have to have a reference to our object here 
    console.log('bindUIActions called') 
    $('#myModal').on 'click', '#like', -> _this.likePhoto() 
    ... 

讓我知道，如果它的工作原理。

Answer 2

大廈庫馬爾的回答，您可以使用脂肪箭頭綁定@到this：

bindUIActions: => 
    console.log('bindUIActions called') 
    $('#myModal').on 'click', '#like', -> @likePhoto() 

嘗試。