Javascript命名空間

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

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。

我有很多問題。

我很難記住我是如何製作初始命名空間文件ex.js.它看起來像匿名函數是最初使所有內容都是私有的，但我不記得爲什麼它需要用圓括號括起來，然後直接用();執行。
從q1開始，我的子文件應該與ex.js的格式相同，即將anon函數包裝在括號中並立即執行？
看起來子文件只能訪問ex的公共功能，這是真的嗎？如果是這樣，我怎樣才能讓我的子文件訪問私有函數呢？
在我的HTML文件中，在我的document.ready函數（jQuery的），我應該初始化前變量或可我首先要

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

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

是第一個if語句在subA.js中與var ex = ex || {};有什麼不同嗎哪個更好？
你用什麼js代碼風格標準？

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

來源

2011-10-07 Michael

你最好給你的'typeof'比較加引號，並刪除'！ex'：'if（typeof ex ==「undefined」）''。 –

@Rob W不要一些瀏覽器返回爲空，而不是'undefined'？雅虎名稱間隔代碼使用！ex – Michael

當一個變量以前從未定義過時，'typeof'將返回'「undefined」'。但是，某些屬性在執行檢查時可以返回null（'typeof null ===「object」'）。 –

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代碼風格標準？

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

來源

2011-10-07 08:54:09 Shef

感謝您的真棒回覆。我有幾個跟進問題。對於'if（typeof ex =='undefined'）'語句，我聽說有些瀏覽器將未定義的變量作爲'undefined'返回，但其他瀏覽器將其返回爲null，這就是爲什麼它有2個部分。
隨着代碼樣式標準，我更多地討論了函數的命名等，但我對這個使用助手函數擴展的深層對象感興趣。你能詳細說明一下嗎？是不是像jQuery.extend？你會認爲使用它爲每個添加額外的js文件而不是不同的命名空間嗎？ – Michael

@Michael 1）我從來沒有遇到一個瀏覽器，它賦予一個未定義的變量爲null。不過，我在JavaScript中相當新穎。雖然，我認爲你已經閱讀過關於NULL被視爲一個對象，這是另一回事。如果你能給我一個參考，我會很樂意閱讀它。 2）是的，它就像jQuery.extend。我認爲這一切都歸結於項目的規模。如果你有一個小項目，你可以手動添加命名空間，就像你一樣。如果這是一個大項目，則需要某種幫助器來擴展名稱空間。 – Shef

我認爲你是對的，我必須與別的東西混淆。 – Michael

對於問題1和3：

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

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

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

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

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

來源

2011-10-07 08:09:07 sreekarun

在你設計時，你將無法訪問在該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被加載之前的頁面內容被加載

來源

2011-10-07 08:11:27 lostyzd

@ 2需要傳遞什麼參數？ @ 3如何訪問私有功能？ @ 4我不明白你的意思 – Michael

Javascript命名空間

回答

相關問題