js modularer Ansatz

CommonJS

• In CommonJS gibt es eine globale Methode require(), die zum Laden von Modulen verwendet wird. exports wird zum Exportieren von Modulen verwendet.

方法一：//被导入文件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();

AMD-Spezifikation

• Da die browserseitigen Module nicht synchron geladen werden können, wirkt sich dies auf die Ladeausführung nachfolgender Module aus. Die AMD-Spezifikation war geboren. Geeignet für das asynchrone Laden von Modulen in einer Browserumgebung.

• Importmethode: require([module], callback);

• Exportmethode: define(id, [hängt davon ab], callback);

CMD-Spezifikation

• Die CMD-Spezifikation ist der von AMD sehr ähnlich. Versuchen Sie, sie einfach zu halten und eine enge Beziehung zur Modulspezifikation von aufrechtzuerhalten CommonJS und Node.js Hervorragende Kompatibilität.

ES6-Modularansatz

//被导入文件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';//只导入需要的函数

Das obige ist der detaillierte Inhalt vonjs modularer Ansatz. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!