代碼詳解javascript模塊加載器

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

本篇文章通過代碼示例給大家詳細分析了javascript基礎內容模塊加載器的相關知識點，一起學習下。

定義

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');

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

您可能感興趣的文章:

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