对 JavaScript 下 namespace 功能的简单分析
前些天在剥离 百度随心听 的播放器引擎时,看到了一个namespace方法,
觉得新奇,当然只是对于我自己而言,我入门js不久,经验尚浅。
之前看到网易还是新浪还是什么什么网站来着,也是用类似这种东西的,当时对js只是九牛一毛的水平,当场被吓傻了。
但这次,我打算亲自分析下,以后在看到就不会迷茫了。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | //调用例子: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 //返回最后一层对象 }; |
下面是整理后的,能看懂的版本
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //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; } |
当然只是我的理解,如果哪里不是很对,还请各位大侠帮忙指出,以免误导了大家。
分类:
JavaScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述