es5和es6對象導出與導入

es6

• import ... form...替代 require()

  //不接收對象	
  require:require('s.css'); //(es5)
  improt	's.css' //(es6)
  
  //接收對象
  var o = require('s.js'); //es(5)
  import o form s.js    //(es6)
  

• 對象的寫法

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

• 一個對象中方法的寫法

  //es5
  module.exports={
  	addFun:function(x,y){
  		return x+y;
  	}
  }
  //es6
  module.exports={
  	addFun(x,y){
  		return x+y;
  	}
  }
  

• 導出對象的寫法

  calc.js中有兩個函數：
  function add(){}
  function sub(){}
  //寫法一
  es5寫法:
  module.exports.add = add;
  module.exports.sub = sub;
  使用：
  var calc = require('./calc.js');
  es6寫法:
  exprot function add(){}
  exprot function sub(){}
  
  //寫法二
  es5:
  module.exports = {add:add,sub:sub};
  es6:
  exprot default{
  	add,sub
  }
   //表示取得calc.js中所有暴露出來的對象(es6)
  import calc from './calc.js'
  
  //只獲取到calc.js中的add方法(按需獲取)
  import {add} from './calc.js'
  

用export 和import 的寫法注意點

    1、如果模塊中是使用 export default {} 方式導出的對象
        只能通過  import 對象名稱 from '模塊路徑'
        不能通過  import {對象名稱} from '模塊路徑'

    2、如果就想要import {對象名稱} from '模塊路徑'通過這種方式來按需導入對象中的某個屬性
        那么應該使用 export 跟着要導出的對象或者方法名稱
        export function add(){}
        export function substrct(){}

        那么就可以使用：
        import {add,substrct} from '模塊路徑'
        只需要直接使用 add()方法即可
        注意這里不能直接使用：  import cacl from '模塊路徑' 這種方式導入，會報錯