ES 6:export defaultとexportの違い

1112 ワード

export defaultとexportの違い:
1.exportとexport defaultは、定数、関数、ファイル、モジュールなどの2つを導出するために使用できます.他のファイルまたはモジュールの中で、import+(定数関数𞓜ファイル124;モジュール)名を介して導入して、3.一つのファイルまたはモジュールの中で、export、importは複数のexportがあります.導入時に{}、export defaultを追加する必要はありません.
1.export
//a.js
export const str = "blablabla~";
export function log(sth) { 
  return sth;
}
       :

//b.js
import { str, log } from 'a'; //        ,         

2.export default
//a.js
const str = "blablabla~";
export default str;
       :

//b.js
import str from 'a'; //          
export defaultコマンドを使用して、モジュールにデフォルト出力を指定します.これでモジュールをロードする変数名を知る必要がありません.
//a.js
let sex = "boy";
export default sex(sex      )
//    export sex        ,  default    .              export default。
        sex   "boy"            default,  default      ,            export default。
// b.js
   ,a.js   export default      default   ,              。     import         ,          
import any from "./a.js"
import any12 from "./a.js" 
console.log(any,any12)   // boy,boy