这篇文章主要介绍了关于JavaScript命名空间的一些心得,分别给出了顶级、多级命名空间的例子,需要的朋友可以参考下

最近重构东西,碰到命名空间的设定,搜了一些知识,请教了一些高手,把自己的心得写下来
相信大家都知道,window是顶级的,这里就不写window了,先忽略

1:关于顶级

var ns = ns || {};

可以看到,其实就是如果发现没有这个对象,就自动创建new Object();如果有,就直接使用这个对象,这样就不会覆盖。
2: 第二级,当然也可以在顶级的ns下创建第二级,即
ns.ModuleClass = {};

可以看到,在ns下创建了一个类,当然也可以继续创建类里的方法,即是这种:
ns.ModuleClass.method1= function() {////};

3:多级应该怎么做呢,比如这种com.qw.view,我想把他设成一个命名空间,这就要对每一个点分隔的名称进行分别设置命名空间,分别设成对象

我们看一个例子,把他设置在window下:


function namespace(sSpace) {
var arr = sSpace.split('.'),i = 0,nameI;
var root = window;
for (; nameI = arr[i++];) {
if (!root[nameI]) {
root[nameI] = {};
}
root = root[nameI];
}
return root;
}

可以看到确实是我上面说的思路,用了一个遍历,把分隔的全部设成对象,这样每个分隔的都可以单独用。

4:列一下常用的,简单快捷的设置命名空间的小


if (!window.ns) {
window.ns = {};
}
var ns;
if(typeof ns == "undefined"){
ns = {};
}
if(typeof ns.ClassName == "undefined"){
ns.ClassName = {};
}

最新资讯
欧洲专利局研究:三星电池专利申请量为全球第一

欧洲专利局研究:三星电

欧洲专利局(EPO)与国际能源署(IEA)22日发布一项共同研究结
滴滴橙心优选与中粮福临门达成合作 涉及商品供应等方面

滴滴橙心优选与中粮福

滴滴旗下社区电商平台橙心优选与中粮福临门食品营销有
Facebook内容监管委员会大选前运作 可推翻扎克伯格决定

Facebook内容监管委员

该监督委员会被一些人士称为Facebook的“最高法(tian)院(ping)”,有
特斯拉新电池计划发布 对谁的威胁最大?

特斯拉新电池计划发布

虽然现在特斯拉的电池计划并未成为现实,但随着特斯拉从
拼多多低市价1000元卖茅台,茅台称没供货

拼多多低市价1000元卖

拼多多上第三方卖家销售的53度飞天茅台价格远低于市场
美团配送魏巍:开放平台业务规模已增长175%

美团配送魏巍:开放平台

美团配送总经理魏巍透露,自去年宣布对外开放即时配送能
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,