JS模組函數

標籤：

var MyModules = (function Manager() {
        var modules={};
        //             變數名  數組   回呼函數
        function define(name, deps, impl) {
            for (var i=0; i<deps.length; i++) {
                deps[i] = modules[deps[i]];
            }
            modules[name] = impl.apply( impl, deps );
            //apply第一個參數和調用者一樣，可以直接傳null == modules[name] = impl.apply( null, deps );
        }
        function get(name) {
            return modules[name];
        }
        return {
            define: define,   //設定modules的值
            get: get          //獲得modules的值
        };
    })();

    MyModules.define( "bar", [], function() {
        function hello(who) {
            return "Let me introduce: " + who;
        }
        return {
            hello: hello
        };
    } );
    //上面執行後等於改變了modules的值如下：
//        modules = {
//            "bar":{
//                "hello":function hello(who) {
//                        return "Let me introduce: " + who;
//                    }
//            }
//        }

    MyModules.define( "foo", ["bar"], function(bar) {
        var hungry = "hippo";
        function awesome() {
            console.log( bar.hello( hungry ).toUpperCase() );
        }
        return {
            awesome: awesome
        };
    } );
    //上面執行後等於改變了modules的值如下：
    //    modules = {
    //        "foo":{
    //            "awesome":function(){
    //                console.log( {  "hello":function hello(who) { return "Let me introduce: " + who;} }.hello( hungry ).toUpperCase() );
    //            }
    //        }
    //    }
    var bar = MyModules.get( "bar" );
    var foo = MyModules.get( "foo" );
    console.log( bar.hello("hippo") ); // Let me introduce: hippo
    foo.awesome();  // LET ME INTRODUCE: HIPPO

JS模組函數