Js的模块机制

最新推荐文章于 2023-06-29 20:20:43 发布

AzeShinja

最新推荐文章于 2023-06-29 20:20:43 发布

阅读量148

点赞数

分类专栏： Js基础知识

本文链接：https://blog.csdn.net/AzeShinja/article/details/109487677

版权

Js基础知识专栏收录该内容

42 篇文章 1 订阅

订阅专栏

// 现代的模块机制
var MyModules = (function Manager() {
  var modules = {};
  function define(name, deps, impl) {
    for (var i = 0; i < deps.length; ++i) {
      deps[i] = modules[deps[i]];
    }
    modules[name] = impl.apply(impl, deps);
  }
  function get(name) {
    return modules[name];
  }
  return {
    define: define,
    get: get,
  };
})();

MyModules.define("bar", [], function(){
    function hello(who){
        return "let me introduce: " + who;
    }
    return {
        hello: hello
    };
});

MyModules.define("foo", ["bar"], function (bar){
    var hungry = "hippo";

    function awesome(){
        console.log( bar.hello(hungry).toUpperCase());
    }
    return {
        awesome: awesome
    };
});

var bar = MyModules.get("foo");
var foo = MyModules.get("bar");
console.log( bar.hello("haha"));
foo.awesome();