模式的CoffeeScript的模塊

Question

在回顧source code for CoffeeScript on Github，我注意到大部分，如果不是全部的模塊定義如下：

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

這種模式看起來像它包裝的整個模塊中，一個匿名函數和自稱。

這種方法的優點（和缺點）是什麼？還有其他方法可以實現相同的目標嗎？

Answer 1

Harmen的回答非常好，但讓我詳細介紹一下CoffeeScript編譯器和原因所做的工作。

當您編譯coffee -c foo.coffee的東西，你總是會得到foo.js，看起來像這樣：

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

這是爲什麼？那麼，假設你把一個任務如

x = 'stringy string' 

在foo.coffee。當它看到的時候，編譯器會問：x已經存在於這個範圍內，還是外部範圍？如果不是，則在JavaScript輸出中將該範圍的頂部放置一個var x聲明。

現在假設你寫

x = 42 

在bar.coffee，編譯兩者並用bar.js部署串聯foo.js。你會得到

(function() { 
    var x; 
    x = 'stringy string'; 
    ... 
}).call(this); 
(function() { 
    var x; 
    x = 42; 
    ... 
}).call(this); 

所以在foo.coffee的x和bar.coffee的x彼此完全隔離。這是CoffeeScript的一個重要部分：變量不會從一個.coffee文件泄露到另一個文件，除非明確導出（通過連接到共享全局或在Node.js中連接到exports）。

您可以通過使用-b（「裸」）標誌覆蓋coffee，但這應該只用於非常特殊的情況。如果你使用上面的例子，你會得到的輸出將是

var x; 
x = 'stringy string'; 
... 
var x; 
x = 42; 
... 

這可能會有可怕的後果。要親自測試，請嘗試在foo.coffee中添加setTimeout (-> alert x), 1。並且請注意，您不必自己連接兩個JS文件 - 如果您使用兩個獨立的<script>標記將它們包含在頁面中，它們仍然可以有效地作爲一個文件運行。

通過隔離不同模塊的作用域，CoffeeScript編譯器讓您不必擔心項目中的不同文件是否可能使用相同的本地變量名稱。這是JavaScript世界中的常見做法（例如，請參見jQuery source，或者幾乎任何jQuery插件）-CoffeeScript都會爲您提供幫助。

Answer 2

這種方法的好處是，它創建私有變量，所以不會有變量名的任何衝突：

(function() { 
    var privateVar = 'test'; 
    alert(privateVar); // test 
})(); 

alert(typeof privateVar); // undefined 

添加的.call(this)使得this關鍵字指的是相同的值它指的是功能之外。如果未添加，this關鍵字將自動引用全局對象。

一個小例子以示區別如下：

function coffee(){ 
    this.val = 'test'; 
    this.module = (function(){ 
    return this.val; 
    }).call(this); 
} 

var instance = new coffee(); 
alert(instance.module); // test 

function coffee(){ 
    this.val = 'test'; 
    this.module = (function(){ 
    return this.val; 
    })(); 
} 

var instance = new coffee(); 
alert(typeof instance.module); // undefined 

Answer 3

這類似於語法這樣：

(function() { 

}()); 

其被稱爲即時功能。該功能被定義並立即執行。這個優點是你可以將所有的代碼放在這個塊中，並且將這個函數分配給一個單獨的全局變量，從而減少全局命名空間的污染。它在函數中提供了一個很好的包含範圍。

這是典型的圖案寫入模塊時，我使用：

var MY_MODULE = (function() { 
    //local variables 
    var variable1, 
     variable2, 
     _self = {}, 
     etc 

    // public API 
    _self = { 
     someMethod: function() { 

     } 
    } 

    return _self; 
}()); 

不知道利弊可能是究竟是什麼，如果別人知道的任何我會很樂意瞭解他們。