jsモジュラーアプローチ

CommonJS

• CommonJS には、モジュールをロードするために使用されるグローバル メソッド require() があります。 imports はモジュールをエクスポートするために使用されます。

方法一：//被导入文件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仕様

• ブラウザ側モジュールは同期的にロードできず、後続のモジュールのロードと実行に影響を与えるため、AMD仕様が誕生しました。ブラウザ環境でのモジュールの非同期ロードに適しています。

• インポートメソッド：require([module], callback);

• エクスポートメソッド：define(id, [depends], callback);

CMD仕様

• CMD仕様は以下に非常に似ていますAMD は、シンプルさを保ち、CommonJS および Node.js のモジュール仕様との優れた互換性を維持するよう努めてください。

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

以上がjsモジュラーアプローチの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。