ブラウザでCoffeeScriptの機能を正しくスコープするにはどうすればよいですか？

Question

(-> 
    jQuery -> 
    globalThis = @ 
    $('#emailTypes').change -> 
     globalThis.toggleEmailOptions() 

    toggleEmailOptions = -> 
    $('.emailTypeOptions').fadeOut 'fast', -> 
     for emailType in $('#emailTypes').val() 
     $("##{emailType}Options").fadeIn() 


).call this 

これは私の.coffeeファイルです。ただし、toggleEmailOptions関数はjQuery readyの対象外です。どのように私は範囲でそれを作ることができますか？

Answer 1

私はのCoffeeScriptはすでにそれを行うので、あなたがラップする必要はありませんが、ここで私はあなたのコードを書き換えるだろうかと思う：

jQuery -> 
    toggleEmailOptions = -> 
    $('.emailTypeOptions').fadeOut 'fast', -> 
     for emailType in $('#emailTypes').val() 
     $("##{emailType}Options").fadeIn() 

    $('#emailTypes').change -> 
    toggleEmailOptions() 

Answer 2

http://jashkenas.github.com/coffee-script/

からのCoffeeScriptに関する通常の警告が適用されます - あなたのインラインスクリプトが閉鎖ラッパー内 ランますので、あなたがグローバル 変数や関数を公開したい場合は、ウィンドウオブジェクトに取り付けます。

node.jsを使用している場合はexportsにバインドしてください。ご例えば

、それは次のようになります。

window.toggleEmailOptions = -> 

Answer 3

ありますされていますここにいくつかの問題があります。 1つは、@/thisがjQueryコールバックのグローバルオブジェクト（window）であると仮定しているようです。しかし、そうでないことは容易にわかります。

jQuery -> console.log @ is window # false 

コールバックは、ライブラリが必要とするあらゆるコンテキストで呼び出すことができます。この場合、@はdocumentです。そしてdocument.toggleEmailOptionsは存在しません。あなたはtoggleEmailOptionsがグローバルになりたい場合は

さらに、あなたは（あなたのファイルの最も外側のスコープで@ is window以来、または/ this@）windowに添付する必要があります。これは、toggleEmailOptions = ...と書くだけで、CoffeeScriptはvar宣言を使ってファイル内でスコープします。コンパイルされたJSを見ることでこれを見るのは簡単です：varは常にそのスコープの一番上にあります。幸いにも、ファイルスコープはあなたが望んでいたものです。

だから基本的にそれを考えすぎないでください！あなたが望むのは：

jQuery -> 
    $('#emailTypes').change -> 
    toggleEmailOptions() 

残りはそのままです。