JAVASCRIPT網頁應用程式設計

控制器（Controller）和狀態

|

61

這段程式碼，是把全域變數

jQuery

匯入模組中，並將它取名為

$

。這麼一來，不僅能讓

人一眼看出哪些全域變數需要被模組存取，而且也可加快解譯器找出這些變數的時間。

建議你只要有用到 jQuery 的快捷符號

$

，都一律採用這種做法（

http://docs.jquery.com/

Plugins/Authoring#Getting_Started

），因為這種做法可以確保程式碼不會和其他任何函式

庫相衝突。

匯出全域變數（Global Export）

如果想要匯出全域變數，也可以採用類似的做法。其實一般建議最好儘量少在模組裡產

生全域變數，但有時如果真的非這麼做不可，可以先把網頁的

window

物件匯入模組中，

再將欲匯出的變數設定為

window

物件的屬性，讓它匯出成全域變數：

(function($, exports){

exports.Foo = "wem";

})(jQuery, window);

assertEqual( Foo, "wem" );

把用來設定全域變數的變數，取名為

exports

的主要用意，是要讓程式碼更易讀，讓人

可輕易看出哪些全域變數是由模組建立。

關於執行環境（Context）的二三事

有種蠻實用的管理模組方式，是把模組裡的執行環境限制在一塊封閉的區域環境裡（通

常可用於設定事件回叫函式）。預設情況下，模組裡的執行環境應該等同於全域環境—

也就是說，模組裡面的

this

就相當於

window

：

(function(){

assertEqual( this, ...