Javascript 命名空间模式_javascript技巧
程序员文章站
2022-04-23 14:31:02
...
然而,在不同的文件中给一个命名空间添加属性的时候,首先要保证这个命名空间是已经存在的,同时不对已有的命名空间造成任何破坏。可以通过非破坏性的命名空间函数实现:
var KUI = KUI || {};
KUI.utils = KUI.utils || {};
KUI.utils.namespace = function(ns){
var parts = ns.split("."),
object = KUI,
i, len;
if(parts[0] === "KUI"){
parts = parts.slice(1);
}
for(i = 0, len = parts.length; i
if(!object[parts[i]]){
object[parts[i]] = {};
}
object = object[parts[i]];
}
return object;
};
KUI.utils.namespace("KUI.common");
KUI.utils.namespace("KUI.common.testing");
KUI.utils.namespace("KUI.modules.function.plugins");
KUI.utils.namespace("format");
{
"utils": {},
"common": {
"testing": {}
},
"modules": {
"function": {
"plugins": {}
}
},
"format": {}
}
复制代码 代码如下:
var KUI = KUI || {};
KUI.utils = KUI.utils || {};
KUI.utils.namespace = function(ns){
var parts = ns.split("."),
object = KUI,
i, len;
if(parts[0] === "KUI"){
parts = parts.slice(1);
}
for(i = 0, len = parts.length; i
if(!object[parts[i]]){
object[parts[i]] = {};
}
object = object[parts[i]];
}
return object;
};
用法:
复制代码 代码如下:
KUI.utils.namespace("KUI.common");
KUI.utils.namespace("KUI.common.testing");
KUI.utils.namespace("KUI.modules.function.plugins");
KUI.utils.namespace("format");
看一下经过上述后KUI都有什么:
复制代码 代码如下:
{
"utils": {},
"common": {
"testing": {}
},
"modules": {
"function": {
"plugins": {}
}
},
"format": {}
}
命名空间模式的缺点
1.需要输入更长的字符,并且需要更长的解析时间;
2.对单全局变量的依赖性,即任何代码都可以修改该全局实例,其他代码将获得修改后的实例。
推荐阅读
-
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)_javascript技巧
-
javascript获取作用在元素上面的样式属性代码_javascript技巧
-
js 单引号 传递方法_javascript技巧
-
JS实现点击链接取消跳转效果的方法_javascript技巧
-
js实现屏蔽默认快捷键调用自定义事件示例_javascript技巧
-
JS中获取数据库中的值的方法_javascript技巧
-
js Li来实现的效果_javascript技巧
-
js 自定义的联动下拉框_javascript技巧
-
可以读取EXCEL文件的js代码_javascript技巧
-
IE的fireEvent方法概述及应用_javascript技巧