• 对 JavaScript 下 namespace 功能的简单分析


    前些天在剥离 百度随心听 的播放器引擎时,看到了一个namespace方法,
    觉得新奇,当然只是对于我自己而言,我入门js不久,经验尚浅。
    之前看到网易还是新浪还是什么什么网站来着,也是用类似这种东西的,当时对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;
    }

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

  • 相关阅读:
    读 Zepto 源码之内部方法
    读Zepto源码之代码结构
    vue-auto-focus: 控制自动聚焦行为的 vue 指令
    vue-lazy-render: 延迟渲染大组件,增强页面切换流畅度
    用vue实现模态框组件
    谷歌插件Image downloader开发之popup
    关于const
    Python线程指南(转自AstralWind)
    PyQt中的图形绘制
    sizeof和strlen之间的区别
  • 原文地址:https://www.cnblogs.com/52cik/p/bradio-namespace.html
Copyright © 2020-2023  润新知