Home  >  Article  >  Web Front-end  >  JavaScript module loader details

JavaScript module loader details

小云云
小云云Original
2018-03-05 09:17:051498browse

This article mainly shares with you the detailed description of the javascript module loader, hoping to help everyone.

Definition


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
  }
})();

Use


##

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

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

MyModules.get(&#39;test2&#39;).age(&#39;mumu&#39;, &#39;27&#39;);

Related recommendations:


requireJS implements a simple module loader example sharing

How to use js to implement a simple module loader

Overview how Implement a simple browser-side js module loader

The above is the detailed content of JavaScript module loader details. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn