# CoffeeScript 裡的全域變數

> 

Published: 2011-11-19
URL: https://kaochenlong.com/global-variables-in-coffeescript

---

在 CoffeeScript 裡，即使是一個空的 .coffee 檔，它也會被編譯成這樣：

```js
(function() {

}).call(this);
```

你在 .coffee 寫的任何變數或 function，都是被宣告為區域變數包在裡面，只會在裡面有作用而已。這其實是好事，因為這樣一來與外界隔離，你寫的東西不會去污染到別人寫的，相對的別人寫的東西也不會去弄髒你寫的。但假設因為**_某些不可抗力_**，硬是要把變數或 function 弄成 global 好讓所有頁面都可以直接使用，也不是沒辦法，你可以直接把變數或 function 掛在`window`物件底下：

```coffeescript
window.logout = ->
alert "You've already logout!" if confirm "Are you sure to logout?"
```

或是這樣做：

```coffeescript
root = exports ? this
root.logout = ->
alert "You've already logout!" if confirm "Are you sure to logout?"
```

第二種寫法看起來比較麻煩，但比較通用。`exports` 是在[Node.js](http://nodejs.org/)裡定義的物件，上面第 1 行的意思是指會先檢查 `exports` 是不是已經有定義了，如果這段程式是在 Node.js 裡執行的話，因為 `exports` 是存在的，所以會定義一個 `root` 變數並指向它；如果是在一般的網頁上執行，因為沒有 `exports`，所以會定義一個 `root` 指向 `this`，也就是 `window` 物件 ，所以這樣的寫法的好處就是在網頁或是 Node.js 都行得通。

這樣一來，你在頁面上的按鈕就可以這樣寫：

```html
<input type="button" value="logout" id="Logout" onclick="logout();" />
```

但是，如果可以的話，建議還是儘量避免用這種 global 變數的方式來寫程式，現在的 JavaScript 越寫越複雜，沒人知道你寫的東西會不會剛好就去衝到誰家寫的 library，或是衝到你自己或同事寫的程式碼 :)