Module

6115 ワード
JavaScript テキストリンク

モジュールとは


ファイルに作成されたコード
Webアプリケーションの機能パーティション
  • コードをファイル内に限定し、グローバル登録を防止し、競合を防止する
  • 各ファイルのコードに異なるファイルからアクセスできないため、提供するモジュールではexport使用するモジュールではimportでよい.
  • ファイル間の重複名称の衝突防止
  • モジュール間の再利用性も向上した.

    • Export & Import


    export

  • ファイル内で定義すべき名称import
  • importの場合は{}アンの同名で導入する.
    • // module1.js
import { foo } from '상대경로/module2.js'

foo(); // 'foo'

//module2.js
export function foo() {
  console.log('foo');
}
    使用
  • ・as名称変更可能コール
    • // module1.js
import { foo as bar} from '상대경로/module2.js'

bar(); // 'foo';

//module2.js
export function foo() {
  console.log('foo');
}
  • 全ての出口のものを受け取りたいなら*使用
    • import * as calculator from '상대경로/module2.js'

calculator.add(1, 3);
calculator.minuse(3, 1);

//module2.js
export function add(a, b) {
  return a + b;
}

export function minus(a, b) {
  return a- b;
}

    export default


    使用する名前は、
  • ・importで定義できます.
  • 1ファイル内export default1ファイルのみ
  • import時{}即時使用不要
    • // module1
import addFunction from '상대경로/module2.js';
addFunction(1, 4); // module2 - add()

// module2.js
export default function add(a, b) {
  return a + b;
}
    私のelasticsearch構成書
    Mac の PHP で PsySH が落ちる場合の対策