預設匯出
除了命名匯入,你還可以提供預設匯出。
// circle.js
export const PI = 3.14;
export default function area(radius) {
return PI * radius * radius;
}
你可以使用簡化語法匯入預設匯出。
import circleArea from './circle';
console.log(circleArea(4));
請注意,預設匯出隱式等效於名為 default
的命名匯出,匯入的繫結(上面的 circleArea
)只是一個別名。以前的模組可以寫成
import { default as circleArea } from './circle';
console.log(circleArea(4));
每個模組只能有一個預設匯出。可以省略預設匯出的名稱。
// named export: must have a name
export const PI = 3.14;
// default export: name is not required
export default function (radius) {
return PI * radius * radius;
}