【學習筆記--前端--js】export and import

常用的兩種 模塊導出和導入方法:

a. 命名導出

       在 moduleA.js中:

       const model = ‘debug’;

       function func(){

           console.log(“func(): hello. . . ”);

       }

       var obj={

           attr1 : “val1”,

          att2 : “val2”

      }

       export {model, func, obj}

 

       在需要引入的文件 test.js中:

       import {model, func, obj} from “./moduleA.js”

       console.log(“the model = “ + model);

       func();

       console.log(JSON.stringify(obj));

 

       b.默認導出: 適用於 導出一個值或模塊中的一個返回值。

       在 moduleA.js中:

       export default function dateFormat(inputDate){

           return inputDate.slice(0,4)+"-"+inputDate.slice(4,6)+"-"+inputDate.slice(6,8)

                      +" "+inputDate.slice(8,10)+":"+inputDate.slice(10,12);

       }

       在需要引入的文件 test.js中:

       import formatFunc from “./moduleA.js”

       console.log(formatFunc("202004051757"));