JS 简单的模块加载原理、求指教

Question

我想学习下模块化加载器的核心原理，现在已经可以动态加载文件和防止重载，但目前卡在回调函数接收参数这一步了，烦请各位高手给指点一二、、、谢谢。

例如：

文件A.js

require(["依赖"],function(依赖){

    // 此处是如何拿到依赖返回值的？

});

文件B.js

define(function(){

    // 此处的返回结果如何让A拿到？

})

我整明白动态加载模块后执行回调函数了，但我不知道这个参数咋传过去的，回调函数如何获得模块的返回结果，请问他们之间的关联中间键是什么？若能给个简单demo就万分感激啦、、、文字描述下原理也行，谢谢了。

Answer 1

define实现：// 全局模块变量const moduleResult = {}function define(module){    moduleResult[filepath] = module()}require实现:function require(dependenceList, callback){    callback(...dependenceList.map(dependence => moduleResult[dependence]))}只有原理，没考虑其他东西

Answer 2

正常调用第二个参数就行了啊。function require(list, callback) {    // 加载list，得到结果，加载啊缓存啊什么的    // const result1 = eval('xx1.js')    // const result2 = eval('xx2.js')    callback(result1, result2)}

Answer 3

可以查看一下我的这个文章 seajs和requirejs模块化开发