视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
基于JavaScript下namespace功能的简单分析_基础知识
2020-11-27 21:11:43 责编:小采
文档


之前看到网易还是新浪还是什么什么网站来着,也是用类似这种东西的,当时对js只是九牛一毛的水平,当场被吓傻了。
但这次,我打算亲自分析下,以后在看到就不会迷茫了。
代码如下:
//调用例子:bradio.namespace("bradio.lang.array");
//下面是百度编译后的源码,变量都是a,b,c,d...之后我会重新写一个规范点的。
//好了,开始分析
bradio.namespace = function () { //创建命名空间
var a = arguments, //["bradio.lang.array"]
b = null, //用于存放上一级对象
c, d, e, f; //c是计数器,d是内层循环的计数器,e是拆分后命名空间数组,f是arguments参数长度
c = 0;
for (f = a.length; c < f; c++) {
e = ("" + a[c]).split("."); //拆分命名空间,拆分后 ["bradio", "lang", "array"]
b = bradio; //基础对象,基于这个对象进行命名空间的添加
for (d = "bradio" == e[0] ? 1 : 0; d < e.length; d++) //如果第一个是bradio, 就第二个开始遍历 ["bradio","lang","array"]
b[e[d]] = b[e[d]] || {}, b = b[e[d]]
//其实相当于
//b[e[d]] = b[e[d]] || {} //如果当前对象已经操作就用当前对象,不存在就赋值空对象
//b = b[e[d]] //用字对象覆盖b,接下去的循环基于子对象添加命名空间
}
return b//返回最后一层对象
};

下面是整理后的,能看懂的版本
代码如下:
//bradio.namespace("bradio.lang.array");
bradio.namespace = function () { //创建命名空间
var args = arguments,
parent = null,
arr, i, j, len;
for (i=0, len = args.length; i < len; i++) {
arr = ("" + args[i]).split(".");
parent = bradio;
for(j = "bradio" == arr[0] ? 1 : 0; j < arr.length; j++) {
parent[ arr[j] ] = parent[ arr[j] ] || {};
parent = parent[ arr[j] ];
}
}
return parent;
}

当然只是我的理解,如果哪里不是很对,还请各位大侠帮忙指出,以免误导了大家。

下载本文
显示全文
专题