CoffeeScriptのクラスメインJavaScriptでアクセスすることはできません

Question

、Example.coffee

今私ができるようにしたいですそのような私のメインのJavaScriptファイルでインスタンス化する：

d = new Example 
d.render() 

が、クラスは

のように、それはページのスクリプトとして含まれている場合にも定義されていませんあなたがメインファイルにクラスを公開するにはどうすればよい

<script src="Example.js></script> 
<script src="main.js"></script> 

？

Answer 1

を作成します。

class window.Example 
    constructor: -> 
    $.each [1, 2, 3], (key, value) => 
     @test = value 
    return @test 
    render: -> 
    alert @test 

Exampleをそのままwindowに入力します。ほとんどの場合、class @Exampleと言うこともできます。デフォルトでは

、CoffeeScriptのは、名前空間の汚染を防止するための(function() { ... })()ラッパー内の各ファイルをラップします。あなたは、あなたのCoffeeScriptをコンパイルするときに-bを供給することにより、これを防ぐことができます。

-b, --bare

は、トップレベルの機能安全ラッパーなしでJavaScriptをコンパイルします。

しかし、それはあなたにとってオプションではないかもしれません（または醜いかもしれません）。あなたのクラスがロードされる前に、通常のアプローチは、どこかのアプリケーション固有の名前空間を宣言することです：

// Probably in a <script> in your top-level HTML... 
App = { }; 

、その後は適切にあなたのクラスの名前空間：

class App.Example 
    #... 

はその後App名前空間を通じて、すべてを参照してください。

Answer 2

あなたはwindow名前空間にあるように、それを宣言することによって、（少なくとも、ブラウザの）グローバルにアクセスするクラスを宣言することができ、グローバル変数

window.Example = Example

Answer 3

これは古いスレッドであることは知っていますが、他の誰かが役に立つと思う場合は、クラスを "@"で宣言して.coffeeファイル以外のファイル.jsにアクセスできます。

だから

、example.coffeeで：example.jsにコンパイルさ

class Introverted 
    honk: -> 
    alert "This class is visible within the .coffee file but not outside" 

class @Extroverted 
    honk: -> 
    alert "This class is visible inside and outside of the .coffee file" 

次いでexample.htmlに使用することができる。

<script src="example.js"></script> 
<script> 
var p = new Extroverted(); // works fine 
p.honk(); 

var i = new Introverted(); // will fail with "Introverted is not defined" 
i.honk(); 
</script>