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 的寫法注意點

  一、若是模塊中是使用 export default {} 方式導出的對象
      只能經過  import 對象名稱 from '模塊路徑'
      不能經過  import {對象名稱} from '模塊路徑'
  
  二、若是就想要import {對象名稱} from '模塊路徑'經過這種方式來按需導入對象中的某個屬性
      那麼應該使用 export 跟着要導出的對象或者方法名稱
      export function add(){}
      export function substrct(){}
  
      那麼就能夠使用：
      import {add,substrct} from '模塊路徑'
      只須要直接使用 add()方法便可
      注意這裏不能直接使用：  import cacl from '模塊路徑' 這種方式導入，會報錯