相信很多人都使用過export、export default、import,
然而它們到底有什么區(qū)別呢? 在ES6中,export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等,你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式,將其導(dǎo)入,以便能夠?qū)ζ溥M(jìn)行使用。
**但在一個(gè)文件或模塊中,export、import可以有多個(gè),export default僅有一個(gè)。 **
具體使用:
1.export
//demo1.js
export const str = 'hello world'
export function f(a){ return a+1}
對(duì)應(yīng)的導(dǎo)入方式:
//demo2.js
import { str, f } from 'demo1' //也可以分開寫兩次,導(dǎo)入的時(shí)候帶花括號(hào)
2.export default
//demo1.js
export default const str = 'hello world'
對(duì)應(yīng)的導(dǎo)入方式:
//demo2.js
import str from 'demo1' //導(dǎo)入的時(shí)候沒有花括號(hào)