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