インポートおよびエクスポートモジュールES

免責事項：この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。

このリンク： https://blog.csdn.net/mynewdays/article/details/102750476

記事はES6仕様は、将来のJSモジュールの実際の仕様、エクスポートする方法についての具体的なこのモジュールES6とインポートデータになる可能性を説明します

輸出：データエクスポートモジュール

インポート：他のモジュールからデータをインポート

シングル・データのエクスポート

a.jsを作成し、次のコードを入力し、あなたはいくつかのデータをエクスポートすることを選択しました

export let name='蔡徐坤'
export let age=20

b.jsに必要な変数をインポートします

 //这里路径必须为 ./a，而不能是 a，否则会报找不到 a.js
import {name} from './a'
console.log(name)

注意：変数名のエクスポートとインポートは同じでなければなりません

複数のデータのエクスポート

データエクスポートの複数の導出を同時に使用することができることは、オブジェクトの形を持っています

コードa.js

let name='蔡徐坤'
let age=20
export let star={
    name,
    age
}

コードb.js

 //这里路径必须为 ./a，而不能是 a，否则会报找不到 a.js
import {star} from './a'
console.log(star)

デフォルトのエクスポート

どこにでもフロント短所：何の輸出のための変数名と呼ばれているもの、輸入も名前を付ける必要があります

カスタム変数名は、次の場合に使用することができることができます希望のエクスポートデフォルトのインポートモジュール

コードa.js

let name='蔡徐坤'
let age=20
export default {
    name,
    age
}

b.js

 //这里路径必须为 ./a，而不能是 a，否则会报找不到 a.js
import star from './a'
console.log(star)

注：上記のコードは、それぞれの時間を変更し、使用する必要はWebPACKの再パッケージ化