Explication détaillée du chargeur de module JavaScript à travers des exemples de code

Cet article utilise des exemples de code pour vous donner une analyse détaillée des points de connaissances pertinents du chargeur de module de contenu de base JavaScript. Apprenons ensemble.

Définition

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

Utilisation

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Deux façons pour l'application Vue d'une seule page de référencer des fichiers de style distincts

Implémentation JS et Canvas Fonction de compression et de téléchargement d'aperçu d'image

postman+json+springmvc test par lots ajout d'instances

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!