微客导航 » 文章资讯 » JavaScript 默认出口

JavaScript 默认出口

2024-04-14 18:40:03 472

示例

除了命名的导入，您还可以提供默认的导出。

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

每个模块只能有一个默认导出。默认导出的名称可以省略。

//命名出口：必须有一个名称
export const PI = 3.14;

//默认导出：不需要名称
export default function (radius) {  
    return PI * radius * radius;
}