exportとimport

ES6にモジュールの概念が追加されました.一つのjsファイルは一つのモジュールです.一つのモジュールに他のモジュールを導入する必要があり、出力モジュールも必要かもしれません.これはexportとimportのキーワードを使用する必要があります.
exportES6は出力のために使用され、関数を出力し、変数を出力することができます.

export var m = 1;
//  
export function (){}
//  
export class people{}

第二種類:

var m = 1;
function add(){}
class people{}

export {m, add, people}

第三種類:

var m = 1;
function add(){}
class people{}

//  as   
export {m as n, add as ADD, people as p}

以下の方法は間違いです.

export 1;   //    
export m;   //    

export defaultexportを使用すると、デフォルト出力を表します.一つのモジュールには一つのデフォルト出力しかありません.複数のexportがある場合は、最後の例だけを取ります.

export default var m = 1
export default {m}
export default {m as n}

デフォルトの出力については、上記の基本的な3つを除いて、このように書くことができます.

var m = 1
export default m //      default 

export m //    ,   default   

また、defaultは変数を表してもよい.

export default add
//  
export {add as default}

importdefaultは、1つのモジュールに他のモジュールを導入するために使用される.

import {m, n} from './moudle'
//   
import {m, n} from './moudle'

defaultの後にはモジュール名があり、importファイルを示しています.大かっこfromはmoudle.jsモジュールに導入された{m, n}およびmoudleを表しています.mおよびnはmモジュールに出現しなければなりません.nもmoudleを使用してもいいです.

import {m as m1, n as n1} from './moudle'

直接に導入することもできます.

import './moudle'

導入するモジュールにimportがある場合、asは、標準的にexport defaultを導入して出力する.

import defa from './moudle'
//defa  moudle.js export default      

import defa, {m, n} from './moudle'

exportとimport
1つのモジュールでは、導入されたモジュールも同様に出力されるので、importおよびdefaultを使用してもよい.

import {m, n} from 'moudle'
//other codes
export {m, n}

書き換えることができます

export {m, n} from 'moudle'

import()exportはスタティックローディングであり、コンパイル段階で実行される.importはダイナミックローディングであり、実行時に実行される.importはパラメータとしてパスを受信し、import()オブジェクトに戻る.import()はPromiseオブジェクトに接続できる任意の方法であり、import()のように、Promiseが必要であることに注意したいのは、then()だけである.