关于js简单模块加载器的问题

Question

书上看到的一段简易的模块加载器的示例代码，其中最关键的地方不能很好理解，求解答，代码如下：let Module = (() => {    let module_list = {};    function define(name,rely,callback){        if (module_list[name]){            console.log("The module have already existed!")        }else{            for(let i = 0;i < rely.length;i++){                rely[i] = module_list[rely[i]];            }            module_list[name] = callback.apply(callback,rely);//这个apply操作不是很明白        }    }    function require(name){        if (module_list[name]){            return module_list[name]        }else{            console.log("There is no such module!")        }    }    let api = {        "define":define,        "require":require    };    return api;})();

Answer 1

define 大概是这么用:

define('xxx', ['jquery', 'angular'], function($, angular) {

  // $ 和angular 变量直接可用，因为jquery和angular 导出的变量会传进去

})

分析代码可知某模块的逻辑都是写在callback里，然后把callback返回的结果赋值给module_list[name]的；接下来的目标就是把module_list['jquery']和module_list['angular']传进callback。依赖数组是rely，所以这行代码的作用是把rely数组里的元素一个个传进callback调用的。看看apply的用法吧。