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

问题描述

问 题

书上看到的一段简易的模块加载器的示例代码，其中最关键的地方不能很好理解，求解答，代码如下：

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

以上代码，是我根据书上，仿写的，代码中apply那一句不是很明白，求解答

解决方案

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的用法吧。

这篇关于javascript - 关于js简单模块加载器的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！