var self = this in Coffeescript

Question

私はCoffeescriptの使用中にいくつかの範囲の問題を扱っています。

drawFirstLine: (currentAngle) -> 
    currentAngle = currentAngle # = 1 

    switch @type 
     # set @endAngle to pick up later on 
     # Math.PI * 2 is the endpoint of a circle divided by seconds times current seconds 
     when "seconds" then @endAngle = Math.PI * 2/60 * @seconds 
     when "minutes" then @endAngle = Math.PI * 2/60 * @minutes 
     when "hours" then @endAngle = Math.PI * 2/24 * @hours 


    @context.arc(@center_x, @center_y, 100, @startAngle, currentAngle, @counterClockWise) 
    @context.lineWidth = 15 

    console.log('drawn') 

    text = "28px sans-serif"; 
    @context.fillText(text, @center_x - 28, @center_y - @canvas.width/5) 

    @context.stroke() 


    currentAngle++; 
    if currentAngle < @endAngle 
     requestAnimationFrame(-> @drawFirstLine(currentAngle/100)) 

あなたは私が何度も何度も、私たちがしている関数を呼び出すしようとしています上記のコードの一番下に見ることができるように。しかし、問題は、別の関数（requestAnimationFrame関数）の中に@drawFirstLineを使用できないことです。プレーンなjavascriptで私はvar self = thisを使用し、自己を参照することができます。しかし、誰かがこれをcoffeescriptで扱う方法を知っていますか？コンパイル事前に

おかげで、

Answer 1

Use the fat arrow.

requestAnimationFrame(=> @drawFirstLine(currentAngle/100)) 

：

var _this = this; 

requestAnimationFrame(function() { 
    return _this.drawFirstLine(currentAngle/100); 
}); 

それは基本的に何であるかthis関数内thisまたは@を作り、あなたのためのself = thisを行いますその関数が宣言されます。それは非常に便利です、そして、それはおそらく私のお気に入りです。

Answer 2

私はいつも私の仕事で私のアプリでこれを行います。

drawFirstLine: (currentAngle) -> 
    currentAngle = currentAngle # = 1 
    self = @ 

    .... 

のCoffeeScriptであなたがvarを必要としない、覚えておいてください：これはdrawFirstLine機能のコンテキストにローカルなままになります。 （それはvar self = thisを生成します）。