Syntaxe des fonctions anonymes dans CoffeeScript

Question

J'ai regardé CoffeeScript et je ne comprends pas comment vous écrirez du code comme ça. Comment gère-t-il les fonctions anonymes imbriquées dans sa syntaxe?

;(function($) { 
      var app = $.sammy(function() { 

      this.get('#/', function() { 
       $('#main').text(''); 
      }); 

      this.get('#/test', function() { 
       $('#main').text('Hello World'); 
      }); 

      }); 

      $(function() { 
      app.run() 
      }); 
     })(jQuery); 

Answer 1

ne compile pas réellement, mais cela devrait fonctionner

(($) -> 
    app = $.sammy -> 

    this.get '#/', -> 
     $('#main').text '' 

    this.get '#/test', -> 
     $('#main').text 'Hello World' 

    $(-> 
    app.run() 
) 
)(jQuery); 

Answer 2

La réponse de Matt est correct, mais voici une méthode alternative:

Dans CoffeeScript 1.0 (publié quelques semaines après question a été posée), un opérateur do a été introduit qui exécute la fonction qui le suit immédiatement. Il est surtout utilisé pour capturer les variables dans les boucles, depuis

for x in arr 
    do (x) -> 
    setTimeout (-> console.log x), 50 

(qui passe une référence à x dans la fonction anonyme) se comporte différemment

for x in arr 
    setTimeout (-> console.log x), 50 

Ce dernier sera tout simplement la sortie de la dernière entrée dans arr à plusieurs reprises , puisqu'il n'y en a qu'un seul x. Quoi qu'il en soit, vous devez connaître do pour exécuter une fonction anonyme sans les parenthèses supplémentaires, bien que ses capacités en termes de passage d'argument soient un peu limitées pour le moment. J'ai soulevé un proposal to broaden them.

Actuellement, l'équivalent de votre exemple de code serait

do -> 
    $ = jQuery 
    ... 

Si ma proposition est acceptée, il sera possible d'écrire

do ($ = jQuery) -> 
    ... 

à la place.

Answer 3

variante courte

do ($=jQuery)-> 
app = $.sammy -> 
    @get '#/', -> $("#main").text '' 
    @get '#/test', -> $('#main').text 'Hello world' 
$ -> app.run()