Bagaimana cara menetapkan variabel global dalam CoffeeScript?

Di Coffeescript.org:

bawbag = (x, y) ->
    z = (x * y)

bawbag(5, 10) 

akan dikompilasi ke:

var bawbag;
bawbag = function(x, y) {
  var z;
  return (z = (x * y));
};
bawbag(5, 10);

kompilasi melalui skrip kopi di bawah node.js membungkus itu jadi:

(function() {
  var bawbag;
  bawbag = function(x, y) {
    var z;
    return (z = (x * y));
  };
  bawbag(5, 10);
}).call(this);

Documents katakan:

Jika Anda ingin membuat variabel tingkat atas untuk digunakan skrip lain, lampirkan sebagai properti di jendela, atau pada objek ekspor di CommonJS. Operator eksistensial (dibahas di bawah), memberi Anda cara yang andal untuk mencari tahu di mana menambahkannya, jika Anda menargetkan CommonJS dan browser: root = ekspor? ini

Bagaimana cara mendefinisikan Variabel Global lalu di CoffeeScript. Apa yang dimaksud dengan 'melampirkannya sebagai properti di jendela'?

Karena skrip kopi tidak memiliki varpernyataan, skrip kopi secara otomatis memasukkannya ke semua variabel dalam skrip kopi, sehingga mencegah versi JavaScript yang dikompilasi dari membocorkan semuanya ke namespace global .

Jadi karena tidak ada cara untuk membuat sesuatu "bocor" ke ruang nama global dari sisi naskah kopi hal-hal yang disengaja, Anda perlu mendefinisikan variabel global Anda sebagai properti dari objek global .

lampirkan sebagai properti di jendela

Ini berarti Anda perlu melakukan sesuatu seperti window.foo = 'baz';, yang menangani kasus browser, karena di sana objek global adalah window.

Node.js

Di Node.js tidak ada windowobjek, melainkan ada exportsobjek yang dilewatkan ke pembungkus yang membungkus modul Node.js (Lihat: https://github.com/ry/node/blob/master/src/node.js# L321 ), jadi di Node.js apa yang perlu Anda lakukan adalah exports.foo = 'baz';.

Sekarang mari kita lihat apa yang tercantum dalam kutipan Anda dari dokumen:

... menargetkan CommonJS dan browser: root = ekspor? ini

Ini jelas skrip kopi, jadi mari kita lihat apa yang sebenarnya dikompilasi:

var root;
root = (typeof exports !== "undefined" && exports !== null) ? exports : this;

Pertama akan memeriksa apakah exportsdidefinisikan, karena mencoba referensi variabel yang tidak ada dalam JavaScript akan menghasilkan SyntaxError (kecuali ketika digunakan dengan typeof)

Jadi jika exportsada, yang merupakan kasus di Node.js (atau dalam WebSite yang ditulis dengan buruk ...) root akan menunjuk ke exports, sebaliknya this. Jadi apa this?

(function() {...}).call(this);

Menggunakan .callpada suatu fungsi akan mengikat bagian thisdalam fungsi ke parameter pertama yang dilewati, dalam hal browser thissekarang akan menjadi windowobjek, dalam kasus Node.js itu akan menjadi konteks global yang juga tersedia sebagai globalobjek.

Tetapi karena Anda memiliki requirefungsi di Node.js, Anda tidak perlu menetapkan sesuatu ke globalobjek di Node.js, sebagai gantinya Anda menetapkan ke exportsobjek yang kemudian dikembalikan oleh requirefungsi.

Kopi-Naskah

Setelah semua penjelasan itu, inilah yang perlu Anda lakukan:

root = exports ? this
root.foo = -> 'Hello World'

Ini akan mendeklarasikan fungsi kita foodi namespace global (apa pun yang terjadi).
Itu saja :)

Bagi saya sepertinya @atomicules memiliki jawaban yang paling sederhana, tapi saya pikir ini bisa disederhanakan sedikit lagi. Anda harus meletakkan @sebelum apa pun yang Anda ingin menjadi global, sehingga ia mengkompilasi this.anythingdan thismengacu pada objek global.

begitu...

@bawbag = (x, y) ->
    z = (x * y)

bawbag(5, 10)

mengkompilasi ke ...

this.bawbag = function(x, y) {
  var z;
  return z = x * y;
};
bawbag(5, 10);

dan bekerja di dalam dan di luar pembungkus yang diberikan oleh node.js

(function() {
    this.bawbag = function(x, y) {
      var z;
      return z = x * y;
    };
    console.log(bawbag(5,13)) // works here
}).call(this);

console.log(bawbag(5,11)) // works here

Ivo berhasil, tetapi saya akan menyebutkan bahwa ada satu trik kotor yang dapat Anda gunakan, meskipun saya tidak merekomendasikannya jika Anda mencari poin gaya: Anda dapat menyematkan kode JavaScript langsung di CoffeeScript Anda dengan menghindarinya dengan backticks.

Namun, inilah mengapa ini biasanya ide yang buruk: Kompiler CoffeeScript tidak mengetahui variabel-variabel tersebut, yang berarti mereka tidak akan mematuhi aturan pelingkupan CoffeeScript yang normal. Begitu,

`foo = 'bar'`
foo = 'something else'

kompilasi ke

foo = 'bar';
var foo = 'something else';

dan sekarang Anda memiliki dua foos dalam lingkup yang berbeda. Tidak ada cara untuk mengubah global foo dari kode CoffeeScript tanpa merujuk objek global, seperti yang dijelaskan Ivy.

Tentu saja, ini hanya masalah jika Anda membuat tugas foodi CoffeeScript — jika foomenjadi read-only setelah diberi nilai awal (yaitu konstanta global), maka pendekatan solusi JavaScript yang disematkan mungkin agak dapat diterima (meskipun masih tidak direkomendasikan).

Anda bisa meneruskan opsi -b ketika Anda mengkompilasi kode melalui coffee-script di bawah node.js. Kode yang dikompilasi akan sama dengan di coffeescript.org.

Untuk menambah jawaban Ivo Wetzel

Tampaknya ada sintaks steno untuk exports ? thisitu saya hanya dapat menemukan didokumentasikan / disebutkan pada posting grup Google .

Yaitu di halaman web untuk membuat fungsi tersedia secara global Anda mendeklarasikan fungsi lagi dengan @awalan:

<script type="text/coffeescript">
    @aglobalfunction = aglobalfunction = () ->
         alert "Hello!"
</script>

<a href="javascript:aglobalfunction()" >Click me!</a>

Saya pikir apa yang Anda coba capai dapat dengan mudah dilakukan seperti ini:

Saat Anda mengompilasi naskah kopi, gunakan parameter "-b".

-b/ --bare Kompilasi JavaScript tanpa pembungkus fungsi keselamatan tingkat atas.

Jadi sesuatu seperti ini: coffee -b --compile somefile.coffee whatever.js

Ini akan menampilkan kode Anda seperti di situs CoffeeScript.org.

Jika Anda orang jahat (saya orang jahat.), Anda bisa sesederhana ini: (->@)()

Seperti dalam,

(->@)().im_a_terrible_programmer = yes
console.log im_a_terrible_programmer

Ini berfungsi, karena ketika memanggil a Referenceke Function'bare' (yaitu func(),, bukannya new func()atau obj.func()), sesuatu yang biasa disebut sebagai 'pola panggilan fungsi-panggilan', selalu mengikat thiske objek global untuk konteks eksekusi itu .

CoffeeScript di atas hanya mengkompilasi ke (function(){ return this })(); jadi kami menjalankan perilaku itu untuk secara andal mengakses objek global.

Karena naskah kopi jarang digunakan sendiri, Anda dapat menggunakan globalvariabel yang disediakan oleh node.js atau browserify (dan keturunan apa pun seperti coffeeify, skrip pembuatan gulp, dll).

Di node.js globaladalah namespace global.

Di browserify globalsama dengan window.

Jadi hanya:

somefunc = ->
  global.variable = 123