模块封装

2019-02-25 16:11:31来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

var MyModules = (function Manager(){
    // 保存方法
    var modules = {};
    // 传方法名,参数,方法 方法的参数由deps提供
    function define(name, deps, impl) {
        // 将模块中的方法给deps 作为下一个函数的参数
        // 由于apply需要一个数组,调用后,并将数组中的方法
        // 变为实际的参数
        for(var i = 0; i < deps.length; i++) {
            deps[i] = modules[deps[i]];
        }   
        // 实际定义方法
        modules[name] = impl.apply(impl, deps);
    }
    // 获取方法
    function get(name) {
        return modules[name];
    }
    return {
        define: define,
        get: get,
    };  
})();

// example
MyModules.define('bar', [], function() {
    function hello(who) {
        return "Let me introduce: " + who;
    }

    return {
        hello: hello,
    };
});

// 定义一个foo方法,foo方法会调用模块中之前定义的bar方法
MyModules.define('foo', ['bar'], function (bar) {
    var hungry = 'hippo';

    function awesome() {
        console.log(bar.hello(hungry).toUpperCase());
    }

    return {
        awesome: awesome,
    };
});

 


原文链接:https://www.cnblogs.com/tujw/p/10433345.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:记一次vue长列表的内存性能分析和优化

下一篇:Canvas