在ES6中,export default
是用來導出一個默認的值或者對象。一個JavaScript模塊可以有多個導出,但是只能有一個默認導出。默認導出的值可以是任意類型,比如函數、對象、類等。
使用export default
時,可以直接在導出語句中指定默認導出的值,例如:
// module.js
export default function() {
console.log("Hello, world!");
}
// main.js
import sayHello from './module';
sayHello(); // 輸出 "Hello, world!"
在上面的例子中,module.js
中通過export default
導出了一個匿名函數,然后在main.js
中通過import
語句將其引入并賦值給sayHello
變量,最后調用sayHello
函數輸出了"Hello, world!"。
可以看到,在使用export default
導出時,可以不需要使用大括號包裹導出的值,而在使用import
導入時,也可以不需要使用大括號包裹導入的值。這與使用export
導出和import
導入多個值時的語法形式是不同的。