9

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

上記のコードの下部でわかるように、私は今いる場所で関数を何度も呼び出そうとしています。@drawFirstLineしかし問題は、別の関数 (requestAnimationFrame 関数) 内で使用できないことです。プレーンな JavaScript ではvar self = this、self を使用して参照できます。しかし、コーヒースクリプトでこれを処理する方法を知っている人はいますか?

前もって感謝します、

4

2 に答える 2

18

太い矢印を使用します。

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

これは次のようにコンパイルされます:

var _this = this;

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

それは基本的にあなたのために、その関数が宣言されたときの関数self = thisを作成thisまたは@内部で行います。thisこれは非常に便利で、おそらく私のお気に入りの coffeescript 機能です。

于 2013-09-04T19:10:05.390 に答える
1

私は仕事中のアプリでこれを常に行っています。

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

    ....

Coffeescript では は必要ないことを思い出してください。これは、関数varのコンテキストに対してローカルのままです。drawFirstLine（生成されますvar self = this）。

于 2013-09-05T02:13:21.490 に答える