猿问

关于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;

})();


慕桂英4014372
浏览 480回答 1
1回答

芜湖不芜

define 大概是这么用:define('xxx', ['jquery', 'angular'], function($, angular) {&nbsp; // $ 和angular 变量直接可用,因为jquery和angular 导出的变量会传进去})分析代码可知某模块的逻辑都是写在callback里,然后把callback返回的结果赋值给module_list[name]的;接下来的目标就是把module_list['jquery']和module_list['angular']传进callback。依赖数组是rely,所以这行代码的作用是把rely数组里的元素一个个传进callback调用的。看看apply的用法吧。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答