Clase CoffeeScript no es accesible en javascript principal

Question

he escrito en una clase CoffeeScript, por ejemplo,

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

y tengo esta clase como un archivo separado, Example.coffee

Ahora quieren ser capaces para crear una instancia en mi archivo principal javascript de esta manera:

d = new Example 
d.render() 

pero la clase no está definido, incluso cuando se incluye como una secuencia de comandos en la página, al igual que

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

¿Cómo se pone la clase a disposición del público para el archivo principal?

Answer 1

Se puede declarar su clase para ser accesible a nivel mundial (por lo menos para los navegadores) declarando que estar en el window espacio de nombres:

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

Eso pondrá Example directamente en window. También puede decir class @Example en la mayoría de los casos.

De forma predeterminada, CoffeeScript ajusta cada archivo en un contenedor (function() { ... })() para evitar la contaminación del espacio de nombres. Esto se puede evitar mediante el suministro de -b al compilar su CoffeeScript:

-b, --bare
Compilar el código JavaScript sin la envoltura de seguridad de función de nivel superior.

pero esa podría no ser una opción para usted (o podría ser una opción desagradable). El enfoque habitual es declarar un espacio de nombres específico de la aplicación en algún lugar antes de cargar sus clases:

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

espacio de nombres y luego sus clases de manera apropiada:

class App.Example 
    #... 

A continuación, se refieren a todo a través del espacio de nombres App.

Answer 2

Crear una variable global

window.Example = Example

Answer 3

Sé que este es un hilo viejo, pero en caso de que alguien más lo encuentre útil, declare su clase con "@" y se podrá acceder a los archivos .js fuera del archivo .coffee.

Así, en example.coffee:

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" 

que se compila a example.js que luego pueden ser utilizados en 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>