代碼詳解javascript模塊加載器

更新時(shí)間：2018年03月04日 09:20:47 作者：luckyyulin

本篇文章通過(guò)代碼示例給大家詳細(xì)分析了javascript基礎(chǔ)內(nèi)容模塊加載器的相關(guān)知識(shí)點(diǎn)，一起學(xué)習(xí)下。

定義

var MyModules = (function Manager() {
  var modules = {};
  function define (name, deps, impl) {
    for(var j = 0, length = deps.length; j < length; j++){
      deps[j] = modules[deps[j]];
    }
    modules[name] = impl.apply(impl, deps);
  }

  function get (name) {
    return modules[name];
  }

  return {
    define: define,
    get: get
  }
})();

使用

MyModules.define('test1', [], function() {
  function hello(name) {
    console.log(name);
  }
  
  return {
    hello: hello
  }
});

MyModules.define('test2', ['test1'], function(test1) {
  function age(name, age) {
    console.log(test1.hello(name));
    console.log(age);
  }
  
  return {
    age: age
  }
});

MyModules.get('test2').age('mumu', '27');

以上就是本次分享的全部代碼內(nèi)容，大家可以測(cè)試下，如果還有任何不明白的地方可以在下方的留言區(qū)討論，感謝大家對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

uni-app?PC端寬屏適配方案圖文詳解
現(xiàn)在uni-app終于官方支持PC寬屏,下面這篇文章主要給大家介紹了關(guān)于uni-app?PC端寬屏適配方案的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-03-03
event對(duì)象的方法兼容多瀏覽器
event對(duì)象的方法兼容多瀏覽器同時(shí)兼容ie和ff的寫法
2009-06-06
改變狀態(tài)欄文字的js代碼
這篇文章主要介紹了通過(guò)js如何改變狀態(tài)欄文字,需要的朋友可以了解下
2014-06-06
js replace 全局替換的操作方法
這篇文章主要介紹了js replace 全局替換的操作方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-06-06
JS代碼實(shí)現(xiàn)頁(yè)面切換效果
這篇文章主要為大家詳細(xì)介紹了JS代碼實(shí)現(xiàn)頁(yè)面切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
JavaScript刪除數(shù)組中指定元素5種方法例子
這篇文章主要給大家介紹了關(guān)于JavaScript刪除數(shù)組中指定元素5種方法,在最近的項(xiàng)目中,有用到j(luò)s對(duì)數(shù)組的操作,所以這里總結(jié)一下,需要的朋友可以參考下
2023-07-07
javascript使用數(shù)組的push方法完成快速排序
排序的方法有很多，本節(jié)為大家介紹的是使用數(shù)組的push方法完成快速排序，當(dāng)然你也可以舉一反三
2014-09-09
深入理解Javascript箭頭函數(shù)中的this
ES6標(biāo)準(zhǔn)新增了一種新的函數(shù)：Arrow Function（箭頭函數(shù)）。那么下面這篇文章主要給大家介紹了箭頭函數(shù)中this的相關(guān)資料，有需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-02-02
javascript中CheckBox全選終極方案
在javascript頁(yè)面中實(shí)現(xiàn)CheckBox或者Radio的選中狀態(tài)是一件很容易的事情，下面我們來(lái)給大家展示下在asp.net中使用javascript中CheckBox全選終極方案，有需要的小伙伴可以參考下。
2015-05-05
js實(shí)現(xiàn)圖片淡入淡出效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片淡入淡出效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09