approche modulaire js

CommonJS

• Dans CommonJS, il existe une méthode globale require(), qui est utilisée pour charger des modules. exports est utilisé pour exporter des modules.

方法一：//被导入文件aa.jsmodule.exports = function() {
  alert('a');
};//主文件main.jsvar aa = require('./aa.js');
aa();

方法二：
　//被导入文件aa.jsmodule.exports = {
    a:function(){
         alert('a');
    },
    b:function(){
        alert('b');
    }
}//主文件main.js var greeter = require('./aa.js');
greeter.a();
greeter.b();

Spécification AMD

• Étant donné que les modules côté navigateur ne peuvent pas être chargés de manière synchrone, cela affectera l'exécution du chargement des modules suivants. La spécification AMD était née. Convient au chargement asynchrone de modules dans un environnement de navigateur.

• Méthode d'importation : require([module], callback);

• Méthode d'exportation : définir(id, [depends], callback);

Spécification CMD

• La spécification CMD est très similaire à AMD, essayez de rester simple et gardez une relation étroite avec la spécification Modules de CommonJS et Node.js Excellente compatibilité.

Approche modulaire ES6

//被导入文件a.jsexport function bbb(){
    alert('bbb');
}
export function ccc(){
    alert('ccc');
}
export function ddd(){
    alert('ddd');
}//主文件main.jsimport * as b from './b.js';//导入所有内容import {bbb,ccc} from './b.js';//只导入需要的函数

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!