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导入多个对象：