Javascript命名空間

Question

我希望通過將其分割成不同的文件，併爲每個文件提供一個'sub'命名空間。

subA.js

if(typeof ex == "undefined") { 
    var ex = {}; 
} 

ex.subA = function() { 
//all functions of subA here 
} 

而同爲subB的等

目前，我有1個文件，ex.js

var ex = (function() { 
    //private vars/funcs 
    return { 
     //public vars/funcs 
    } 
})(); 

它看起來像我應該將大部分函數移動到subA.js和subB.js，但在開始時仍然包含ex.js，其中包含subA.js和subB.js a fterwards。

我有很多問題。

1. 我很難記住我是如何製作初始命名空間文件ex.js.它看起來像匿名函數是最初使所有內容都是私有的，但我不記得爲什麼它需要用圓括號括起來，然後直接用();執行。

2. 從q1開始，我的子文件應該與ex.js的格式相同，即將anon函數包裝在括號中並立即執行？

3. 看起來子文件只能訪問ex的公共功能，這是真的嗎？如果是這樣，我怎樣才能讓我的子文件訪問私有函數呢？

4. 在我的HTML文件中，在我的document.ready函數（jQuery的），我應該初始化前變量或可我首先要
   

$(document).ready(function() { 
    ex.doSomething(); 
    ex.doSomethingElse(); 
}

單獨調用每個函數兩者有什麼不同？我認爲，當包含ex.js時，會立即創建一個全局變量ex（由於匿名函數會立即執行），所以我不需要在document.ready中重新定義它。

1. 是第一個if語句在subA.js中與var ex = ex || {};有什麼不同嗎哪個更好？

2. 你用什麼js代碼風格標準？

如果你通讀了這一切，你已經得到了讚賞，歡呼聲。

Answer 1

1. function(){ return{}}是一個封閉到「隱私」添加到變量和函數，你不也將盡快加載不想在任何其他地方訪問，但在該功能的範圍內。函數(function(){})附近的括號創建一個函數表達式。它們被使用，因爲當你嘗試立即執行一個函數function(){}()而不傳遞任何參數給()時，解析器會報錯。

2.如果你想subA或任何其他擴展對象有自己的子功能，那麼是的，你必須聲明它，但不是一個clousure然而並非必然。

你可以做

ex.subA = function(x, y){ 
    return x+y; 
} 

可以稱之爲var sum = ex.subA(2, 3);

或者你也可以做

ex.subA = (function(){ 

    return { 
     add: function(x, y){ 
      return x+y; 
     }, 
     multiply: function(x, y){ 
      return x*y; 
     } 
    } 
})(); 

然後調用它var sum = ex.subA.add(2, 3); var multiplication = ex.subA.multiply(2,3);

有很多方法可以做到這一點。

3.是的，這是事實。你可以公開私人功能。關閉不會允許任何其他方式來做到這一點。

4.如果你想別名，是的，你可以將它分配給一個變量。但是，沒有必要。它會很好地描述它的方式。

閱讀Essential JavaScript Namespacing Patterns瞭解JavaScript命名空間中的一些基本原理和模式。

---

是第一如果subA.js從VAR前=前有什麼不同聲明|| {};哪個更好？

首先，if語句應該是if(typeof ex == 'undefined')，typeof返回一個字符串。沒有任何需要檢查ex是否爲假。

是的，它是不同的。如果已經定義了變量ex，if語句將不會執行任何變量賦值。因此，if語句更好。

你用什麼樣的js代碼風格標準？

取決於項目的範圍，但主要是深層次的對象用輔助函數進行擴展。

Answer 2

對於問題1和3：

在ex.js的閉合樣式defenition將允許那些公共功能和VAR /暴露。

我的想法是，最好從anomyous函數返回「ex」與我們需要暴露的函數和變量。

for Q3。在返回函數中定義和使用的那些（私有）變量仍然可用於該函數，並且可以通過公開函數（閉包的屬性）使用。

如果包含的外部腳本位於文件的頂部或部分，則ex應該在document.ready之前可用，並應該立即可用。

你讓我想:)當我進一步挖掘到這一點時，將更新帖子。非常好的問題。 :)

Answer 3

在你設計時，你將無法訪問在該lambda函數中定義的私人變量/ funcs，因爲它只返回一個對象，或者你想使用new？

1.如果沒有()，ex是函數而不是函數返回的對象。

2.no需要，除了你想傳遞一些參數進行初始化。例如

ex.my = (function(name) {var my_name = name;})('bar'); 

3.我想你是指這個私人方法。

ex = (function() { 
    var foo = 'bar'; 
    return { 
     show: function() {alert(foo);} 
    } 
})(); 

在上面的例子中，只有前者可以訪問foo。

4.no need，$(document).ready()在一切準備就緒時調用，如果您已經加載了ex.js，則初始化完成。

裏面的一切作爲DOM被加載之前的頁面內容被加載