关于export和export default的区别

 ES6的模块化中，export与export default都可以用于导出常量、函数、文件、模块等，我们可以通过在其它文件或模块中import(常量、函数、文件、模块)的方式导入，但在一个文件或模块中，export、import可以有多个，export default仅有一个。 

具体使用场景：

1、export方式导出

  //test1.js
  export const baseUrl = 'http://127.0.0.1'
  export function fn1 () {
      //do something
  }

import导入使用

//test2.js
  import { fn1, baseUrl } from './test1.js'

  function fn2 () {
      //do something
　　　　ajax(baseUrl,data)
　　　　.then(res=> fn1(res))
　　　　.catch(err=> err)
  }

 

2、export default方式导出

//test1.js
  
  export default function fn1 () {
      //do something
  }

import导入使用

//test2.js
  import fn1 from './test1.js'

  function fn2 () {
      //do something
      fn1()
  }