requirejs代碼結構分析

標籤：

一。函數入口函數。

req = requirejs = function (deps, callback, errback, optional) {        //Find the right context, use default        var context, config,            contextName = defContextName;  //“_”        //deps 是對象的話，則可能是config。        // Determine if have config object in the call.        if (!isArray(deps) && typeof deps !== ‘string‘) {            // deps is a config object            config = deps;            if (isArray(callback)) {                // Adjust args if there are dependencies                deps = callback;                callback = errback;                errback = optional;            } else {                deps = [];            }        }        if (config && config.context) {            contextName = config.context;        }        //擷取自己的屬性。        //contexts：運行環境。預設 “－”        context = getOwn(contexts, contextName);        if (!context) {
            //返回的核心函數,context.require = context.makeRequire();即確定了require函數。            context = contexts[contextName] = req.s.newContext(contextName);        }        if (config) {            context.configure(config);        }　　　　 //這個函數的運行得到makeRequire，會去對依賴項 從define記憶體中找出來，並執行個體化模組，        return context.require(deps, callback, errback);    };

//Create default context.

req({});    //建立一個預設環境，contexts["_"], 並且返回 一個require(deps,callback,errback);供外部使用。

cfg：一開始會去確定好baseurl,或者依賴 data-main的值會放入依賴 deps這個屬性。cfg.deps會調用require函數，去檢查並下載。

req(cfg); //Set up with config info.,將cfg baseurl, data-main的配置引入 依賴cfg.deps。

 

newContext 返回的核心函數： context.require = context.makeRequire();

 makeRequire：是函數入口核心函數： req({})，會確定好環境。

makeRequire的核心代碼：

context.nextTick(function () {                        //Some defines could have been added since the                        //require call, collect them.                        console.log( this,deps );                        //從define函數註冊中的 對象中拿出 並執行個體化並init                        intakeDefines();                        //從register裡拿或者建立 執行個體化模組module                        requireMod = getModule(makeModuleMap(null, relMap));                        //Store if map config should be applied to this require                        //call for dependencies.                        requireMod.skipMap = options.skipMap;　　　　　　　　　　　　    //標記依賴，並下載。                        requireMod.init(deps, callback, errback, {                            enabled: true                        });                        // 確定是否下載了，或者逾時報錯，或者未逾時去迴圈下載確定。                        checkLoaded();                    });

 

Module函數的解析：

作用：確定依賴項,和依賴項定義並執行，監聽onScriptLoad，並下載。最後執行暴露函數。

主要函數以下：

enable函數：標記依賴函數，標記個數depCount，並且將依賴項makeModuleMap（統一處理路徑，ID，外掛程式頭，URL，是否定義的。這種形式。），然後再次檢查 是否可執行（check()）。

enable():整理 依賴項的標誌（個數等），->check()-第一次是下載（下載完成會自動迴圈檢測是否下載完成。），二次是 減少依賴項，並執行暴露函數。

 check：函數：//check之前要確保已經 enable(處理依賴項，執行個體依賴項模組),檢查是否沒有依賴了，並運行exports。

fetch:函數：（ 監聽：onScriptLoad ）－ 》 completeLoad －－》checkLoaded

completeLoad：函數：

//completeLoad：從define定義的模組中 拿到對應的執行個體化模組，如果沒有，則從shim中重新給她define並執行個體化模組否則報錯。並檢查下載。

checkLoaded：函數：

//checkLoaded： 確定是否下載了，或者逾時報錯，或者未逾時去迴圈下載確定。

 

define函數：作用：只是將定義的模組，加入記憶體中。 等到require觸發會從相應的記憶體中拿出來。

 

待續：

 

requirejs代碼結構分析