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 '模块路径' 这种方式导入，会报错