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

Question

我想学习下模块化加载器的核心原理，现在已经可以动态加载文件和防止重载，但目前卡在回调函数接收参数这一步了，烦请各位高手给指点一二、、、谢谢。例如：文件A.jsrequire(["依赖"],function(依赖){    // 此处是如何拿到依赖返回值的？});文件B.jsdefine(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模块化开发