最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

一個極為簡單的requirejs實現(xiàn)方法

 更新時間:2016年10月20日 08:29:29   投稿:jingxian  
下面小編就為大家?guī)硪黄粋€極為簡單的requirejs實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

require和 sea的源碼分析,我之前的博客有寫過, 今天我想分享的是一個很簡單的核心代碼(不帶注釋和空行大概60行), 沒有容錯判斷。

require.js

require函數(shù)實現(xiàn)用一句話概括:

依次加載require的模塊,然后監(jiān)測script的onload事件,判斷所有模塊加載成功,執(zhí)行require的callback, 如果只帶一個參數(shù)且不是數(shù)組,就是加載成功后return 模塊。

 

//標(biāo)記已經(jīng)加載成功的個數(shù)
var REQ_TOTAL = 0;
//模塊導(dǎo)出
window.exports = {};
//記錄各個模塊的順序
var exp_arr = [];

//判斷是否數(shù)組
function isArray(param) {
  return param instanceof Array;
}

//require 真正實現(xiàn)
function require(arr, callback) {

  var req_list;

  if(isArray(arr)) {
    req_list = arr;
  } else {
    req_list = [arr];
  }
  var req_len = req_list.length;

  //模塊逐個加載
  for(var i=0;i<req_len;i++) {
    var req_item = req_list[i];

    var $script = createScript(req_item, i);

    var $node = document.querySelector('head');

    (function($script) {
      //檢測script 的onload事件
      $script.onload = function() {
        REQ_TOTAL++;

        var script_index = $script.getAttribute('index');

        exp_arr[script_index] = exports;

        window.exports = {};

        //所有鏈接加載成功后,執(zhí)行callback
        if(REQ_TOTAL == req_len) {
          callback && callback.apply(exports, exp_arr);

       
        }

      }

      $node.appendChild($script);
    })($script);

  }

}

//創(chuàng)建一個script標(biāo)簽
function createScript(src, index) {
  var $script = document.createElement('script');

  $script.setAttribute('src', src);
  $script.setAttribute('index', index);

  return $script;
}

 然后寫了2個導(dǎo)出模塊的js文件, 只寫了最簡單的exports實現(xiàn)

define.js

exports.define = {
  topic: 'my export',
  desc: 'this is other way to define ',
  sayHello: function() {
    console.log('topic ' + this.topic + this.desc);
  }
}

define2.js

exports.define = {
  name: 'xm',
  age: 22,
  info: function() {
    console.log('topic ' + this.name + this.age);
  }
}

然后測試demo很簡單

//測試demo
 require(['../res/define.js', '../res/define2.js'], function(def, def2) {
   def.define.sayHello();
 
   def2.define.info();
 });

以上就是小編為大家?guī)淼囊粋€極為簡單的requirejs實現(xiàn)方法全部內(nèi)容了,希望大家多多支持腳本之家~

相關(guān)文章

最新評論

拜泉县| 霍山县| 耒阳市| 江津市| 二连浩特市| 达尔| 同仁县| 滨海县| 临汾市| 安阳市| 达州市| 肥东县| 西乌珠穆沁旗| 承德县| 进贤县| 平顺县| 崇左市| 呼玛县| 海原县| 海宁市| 南皮县| 龙江县| 临漳县| 胶州市| 中西区| 双城市| 云龙县| 南康市| 秦安县| 金坛市| 榕江县| 政和县| 东阿县| 漯河市| 昌乐县| 辽阳县| 洪雅县| 长岛县| 济源市| 麻城市| 许昌市|