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

一個(gè)極為簡(jiǎn)單的requirejs實(shí)現(xiàn)方法

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

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

require.js

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

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

 

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

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

//require 真正實(shí)現(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;

  //模塊逐個(gè)加載
  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) {
      //檢測(cè)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)建一個(gè)script標(biāo)簽
function createScript(src, index) {
  var $script = document.createElement('script');

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

  return $script;
}

 然后寫了2個(gè)導(dǎo)出模塊的js文件, 只寫了最簡(jiǎn)單的exports實(shí)現(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);
  }
}

然后測(cè)試demo很簡(jiǎn)單

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

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

相關(guān)文章

最新評(píng)論

离岛区| 东阳市| 馆陶县| 襄樊市| 江孜县| 茶陵县| 襄城县| 怀仁县| 克东县| 扎赉特旗| 霍邱县| 同江市| 泽州县| 韩城市| 安仁县| 吉水县| 杂多县| 仪陇县| 田阳县| 北海市| 琼海市| 鲁甸县| 贺州市| 额尔古纳市| 闸北区| 宾阳县| 中西区| 巴东县| 西充县| 斗六市| 确山县| 兴安县| 甘泉县| 天峨县| 南投市| 体育| 平和县| 泾川县| 通渭县| 黎城县| 铁岭县|