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() }