CoffeeScript'te global değişkenleri nasıl tanımlarım?

Coffeescript.org sitesinde:

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

bawbag(5, 10) 

derlemek:

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

node.js altında kahve-betiği ile derlemek şöyle:

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

Dokümanlar şunları söylüyor:

Diğer komut dosyalarının kullanması için üst düzey değişkenler oluşturmak istiyorsanız, bunları pencereye veya CommonJS'deki dışa aktarma nesnesine özellik olarak ekleyin. Varoluşçu operatör (aşağıda ele alınmıştır), hem CommonJS'yi hem de tarayıcıyı hedefliyorsanız, bunları nereye ekleyeceğinizi anlamanız için güvenilir bir yol sağlar: root = export? bu

Global Değişkenleri o zaman CoffeeScript'te nasıl tanımlarım. 'Bunları pencereye özellik olarak ekle' ne anlama geliyor?

Kahve betiğinin bir vardeyimi olmadığından , kahve betiğindeki tüm değişkenler için otomatik olarak ekler, böylece derlenmiş JavaScript sürümünün her şeyi genel ad alanına sızmasını önler .

Bu nedenle , amaçlanan şeylerin kahve komut dosyası tarafından küresel ad alanına "sızıntı" yapmanın bir yolu olmadığından , küresel değişkenlerinizi global nesnenin özellikleri olarak tanımlamanız gerekir .

pencerede özellikler olarak ekleyin

Bu window.foo = 'baz';, küresel nesne olduğu için tarayıcı durumunu işleyen gibi bir şey yapmanız gerektiği anlamına gelir window.

node.js

Node.js'de windownesne yok , bunun yerine exportsNode.js modülünü saran sarmalayıcıya aktarılan nesne var (Bkz: https://github.com/ry/node/blob/master/src/node.js# L321 ), bu nedenle Node.js'de yapmanız gereken şey exports.foo = 'baz';.

Şimdi, dokümanlardaki teklifinizde neyin belirtildiğine bir göz atalım:

... hem CommonJS'yi hem de tarayıcıyı hedefliyoruz: root = export? bu

Açıkçası kahve betiği, bu yüzden bunun gerçekte ne derlediğine bir göz atalım:

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

İlk olarak exports, tanımlanıp tanımlanmadığını kontrol edecektir , çünkü JavaScript'te var olmayan bir değişkene başvurmaya çalışmak başka türlü bir SyntaxError getirecektir (bununla birlikte kullanıldığı zamanlar hariç typeof)

Varsa exports, Node.js'de (veya kötü yazılmış bir Web Sitesinde ...) kökte olduğu gibi exports, aksi takdirde işaret eder this. Ne olmuş yani this?

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

.callBir fonksiyonun kullanılması , fonksiyonun thisiçinde geçen ilk parametreye bağlanır, tarayıcının thisşimdi windownesne olması durumunda, Node.js durumunda , nesne olarak da kullanılabilen global bağlam olacaktır global.

Ancak requireNode.js'de işleve sahip olduğunuz için , Node.js'de globalnesneye bir şey atamanıza gerek yoktur , bunun yerine işleve exportsgeri döndürülen nesneye atarsınız require.

Kahve-Senaryo

Tüm bu açıklamalardan sonra, yapmanız gerekenler:

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

Bu foo, global ad alanındaki işlevimizi ilan eder (ne olursa olsun).
Bu kadar :)

Bana göre @atomicules en basit cevaba sahip, ama bence biraz daha basitleştirilebilir. @Küresel olmak istediğiniz herhangi bir şeyden önce bir nesneyi koymanız gerekir , böylece küresel nesneyi derler this.anythingve ona thiskarşılık gelir.

yani...

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

bawbag(5, 10)

derler ...

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

node.js tarafından verilen paketin içinde ve dışında çalışır

(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 çivilenmiş, ancak kullanabileceğiniz bir kirli hile olduğunu söyleyeceğim, ancak stil noktaları için gidiyorsanız bunu önermiyorum: JavaScript kodunu geri çekmelerden kaçarak doğrudan CoffeeScript'inize gömebilirsiniz.

Ancak, işte bu genellikle kötü bir fikirdir: CoffeeScript derleyicisi bu değişkenlerden habersizdir, bu da normal CoffeeScript kapsam belirleme kurallarına uymayacakları anlamına gelir. Yani,

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

derlemek

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

ve şimdi foofarklı kapsamlarda iki s var . Değiştirmek için bir yolu yoktur küresel foo Sarmaşık açıklandığı gibi küresel nesne başvuran olmadan CoffeeScript kodundan.

Tabii ki, bu sadece fooCoffeeScript'te bir atama yaparsanız bir sorundur - foobaşlangıç ​​değeri verildikten sonra salt okunur hale gelirse (yani küresel bir sabittir), gömülü JavaScript çözüm yaklaşımı biraz sorta kabul edilebilir (yine de tavsiye edilmez).

Node.js altında kahve-betiği ile kod derlerken -b seçeneğini iletebilirsiniz. Derlenen kod, coffeescript.org'daki ile aynı olacaktır.

Ivo Wetzel'in cevabına eklemek için

exports ? thisSadece bir Google grubu yayınında belgelenmiş / sözü edilen bulabildiğim için kestirme bir sözdizimi var gibi görünüyor .

Yani web sayfasında bir işlevi global olarak kullanılabilir yapmak için işlevi bir @önekle tekrar bildirirsiniz:

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

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

Bence elde etmeye çalıştığınız şey şu şekilde yapılabilir:

Kahve tablasını derlerken "-b" parametresini kullanın.

-b/ --bare JavaScript'i en üst düzey işlev güvenlik sarmalayıcısı olmadan derleyin.

Yani böyle bir şey: coffee -b --compile somefile.coffee whatever.js

Bu, kodunuzu aynen CoffeeScript.org sitesindeki gibi verir.

Eğer kötü bir insansan (ben kötü bir insansım), bu kadar basit olabilirsin: (->@)()

De olduğu gibi,

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

Bu eserler, bir çağrılırken çünkü Referencebir etmek Function(olduğunu, 'çıplak' func()yerine new func()ya obj.func()), bir şey genellikle 'işlevi çağrı çağırma desen' olarak anılacaktır hep bağlar thisbunun için küresel nesneye yürütme içeriği .

Yukarıdaki CoffeeScript (function(){ return this })(); bu nedenle, global nesneye güvenilir bir şekilde erişmek için bu davranışı uyguluyoruz.

Coffeescript nadiren kendi başına kullanıldığından, globalnode.js veya browserify tarafından sağlanan değişkeni (ve coffeeify, gulp build komut dosyaları vb.)

Node.js'de globalgenel ad alanı vardır.

Browserify globaleşittir window.

Bu yüzden sadece:

somefunc = ->
  global.variable = 123