JavaScript 面向對象之命名空間

2024-05-06 14:10:14

字體：大中小

來源：轉載

供稿：網友

在小項目中對于JavaScript使用，只要寫幾個function就行了。但在大型項目中，尤其是在開發追求良好的用戶體驗的網站中，如SNS,就會用到大量的JavaScrpt，有時JavaScript的工作量勝過了C#，這時寫一堆function,就會顯得很亂，雜亂無章，甚至會出現命名沖突，管理和維護起來都很麻煩。對于這種情況我們就需要使用面向對象的思想來開發JavaScript。那我們就這樣作罷：

　對于一個項目，首先要有個命名空間。所以我們首先要做的是定義一個函數來注冊命名空間。代碼如下：
代碼如下:
// 聲明一個全局對象RegisterNameSpace函數，參數為名稱空間全路徑，如"cnblogs.blog"
RegisterNameSpace = function(fullName) {
// 將命名空間切成N部分
var nsArray = fullName.split('.');
var strEval = "";
var strNS = "";
for (var i = 0; i < nsArray.length; i++) {
if (i != 0){
strNS += ".";
}
strNS += nsArray[i];
// 依次創建構造命名空間對象（假如不存在的話）的語句
strEval += "if (typeof(" + strNS + ") == 'undefined') " + strNS + " = new Object();"
}
if (strEval != "") eval(strEval);
}

好了，現在來注冊幾個命名空間試試，就已博客園為例吧，博客園有幾個模塊“博客”、“新聞”、“小組”......
代碼如下:
RegisterNameSpace("cnblogs.blog");
RegisterNameSpace("cnblogs.news");
RegisterNameSpace("cnblogs.group");

事實上，這里的命名空間就是一個對象，一個Object。
作者: cnblogs 祥叔

上一篇：jQuery Lightbox 圖片展示插件使用說明

下一篇：ExtJS Store的數據訪問與更新問題