預設匯出

除了命名匯入,你還可以提供預設匯出。

// 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;
}