ES5，ES6導入，導出語法

es5下一個對象的導出：

 //es5兩種形式：
     1、module.exports = fucntion add (){};
     2、exprots.add =  fucntion (){};

es5下一個對象的導入：

 //對象的導入
     var add  = require('./add');

es6下一個對象的導出：

 export default{//第一種方法
        add(){}
    }

//第二種方法，相當於 將add方法當做一個屬性掛在到exports對象
// 寫法一
    export fucntion add(){} 
    export fucntion substrict(){} 
    export const PI=3.14   
// 寫法二
    var m = 1;
    export {m};
// 寫法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

es6下一個對象的導入

如果導出的是：export default{ add(){}}
    那么可以通過  import obj from './add.js'
語法：import [任意變量名] from '方法的地址'

如果導出的是這種格式：export fucntion add(){} ，即沒有default的修飾符
那么通過 import {add} from './add.js'導入

語法：import{對應的函數名稱} from '導入函數它的地址'

同理，對象變量的導出也是要加大括號
 如果導出的是：
// 寫法一
    export fucntion add(){} 
    export fucntion substrict(){} 
    export const PI=3.14   
// 寫法二
    var m = 1;
    export {m};
// 寫法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

那么可以通過按需加載 import {add,substrict,PI} from './calc.js'

 

es5與es6導出多個對象的差別

導出一個模塊對象（es5）:
module.exports={
    add:add,
    sub:sub
}
導出一個模塊對象（es6）:
module.exports={
    add,
    sub
}
注意：這種寫法屬性名和屬性值變量是同一個，否則要分開寫
module.exprots={
    addFn:add,
    sub
}   

es5與es6導入多個對象：