var auto = questo in Coffeescript

Question

Ho a che fare con alcuni problemi di ambito durante l'utilizzo di 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)) 

Come si può vedere nella parte inferiore del codice di cui sopra che sto cercando di chiamare la funzione in cui ci troviamo, ancora e ancora. Ma il problema è che non posso usare @drawFirstLine all'interno di un'altra funzione (la funzione requestAnimationFrame). In plain javascript posso usare var self = this e fare riferimento a self. Ma qualcuno sa come affrontare questo in coffeescript?

Grazie in anticipo,

Answer 1

Use the fat arrow.

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

che compila a:

var _this = this; 

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

'fondamentalmente fa il self = this per voi, facendo this o @ all'interno della funzione quello this è quando quella funzione è dichiarata. È molto utile, ed è probabilmente la mia caratteristica preferita del coffeescript.

Answer 2

Lo faccio sempre nella mia app al lavoro.

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

    .... 

Ricordate, in CoffeeScript non è necessario var: questo rimarrà locale al contesto della funzione drawFirstLine. (genererà var self = this).