javascript 模块模式来自《你不懂 JS》

我已经阅读和测试下面的代码几个小时了，但我似乎无法理解某些事情。 我一直在逐步浏览 chrome 控制台，基本上在我可以添加的每一行中都插入了中断，并且一直在检查，但我只是不确定事情

1）我只是不确定 deps 数组的用途。对我来说第一件奇怪的事情是，为什么脚本不尝试在第一次调用它时添加数据（来自MyModules.define("bar",[],function()）？ 为什么脚本会第二次调用define(MyModules.define("foo",["bar"], function(bar)）然后将 ["bar"] 添加到数组中，而第一个定义应该首先完成它？

2）这段代码modules[name] = impl.apply(impl,deps)。每个回调，不要使用“this”..所以这里有必要应用吗？另外，这可能是我对使用“apply”时的回调缺乏理解，但是如何理解这一点呢？我认为“申请”通常是functionName.apply(obj,[])

在这种情况下，这几乎就像是说functionName.apply(functionName, []) ??或者这是不同的，因为函数本身是匿名的？

    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);
        }

        function get(name) {
            return modules[name];
        }

        return {
            define : define,
            get: get
        };
    })();

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

        return {
            hello : hello
        };
    })

    MyModules.define("foo",["bar"], function(bar) {
        var hungry = "hippo";

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

        return {
            awesome: awesome
        };
    });

    var bar = MyModules.get("bar");
    var foo = MyModules.get("foo");

    console.log(bar.hello("hippo"));

    foo.awesome();

我只是不确定这样做的目的deps array.

你似乎对整体的目的感到困惑MyModules反对，不是吗？

The define方法可用于声明一个模块，带有名称、依赖项数组和工厂函数：

• The name是模块对象将存储在其中的字符串modules字典
• The deps数组包含当前声明的模块所依赖的模块的名称。
• The impl函数将被调用来创建模块对象，该对象将在name。它确实传递了模块对象，这些对象的名称在deps数组已解决。

为什么脚本不尝试在第一次调用它时放入数据（来自MyModules.define("bar",[],function()）？为什么脚本第二次调用定义(MyModules.define("foo",["bar"], function(bar))?

这意味着声明一个名为的模块bar没有任何依赖项，并声明一个具有名称的模块foo这取决于bar。通常，这两个声明将放置在不同的脚本中。

这段代码modules[name] = impl.apply(impl,deps)- 每个回调，不要使用“this”..所以这里有必要应用吗？

Yes, apply https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply这里有必要将任意多个参数传递给函数。然而，通过impl函数为this值确实没有任何意义，null放在这里会更合适。

更好、更容易理解的定义是

function define(moduleName, dependencyNames, factory) {
    var dependencies = [];
    for (var i=0; i<dependencyNames.length; i++) {
        dependencies[i] = get(dependencyNames[i]); // resolve name
    }
    modules[moduleName] = factory.apply(null, dependencies);
}