javascript - 什么时候应该在 JavaScript/TypeScript 中使用 `export default`？

Question

如果我们指定默认导出:

export class Foo {}
export default Foo;

然后我们可以在导入过程中省略大括号(如 this answer 中所述):

import { Foo } from "foo"; // becomes:
import Foo from "foo";

这很好，但是在特定情况下是否有任何非风格原因使您更喜欢其中一个？例如，是否存在某种约定，或者与某些工具不兼容，或者是否有不同的含义？

(基于 this discussion 和其他，我的理解是 export default 可能是作为处理单个主要对象(如 $)，现在由 import * as foo from "foo" 处理。此外，默认导入语法似乎不强制命名一致(import fooAlias from "foo")，而标准 import import { fooAlias } from "foo" 将是编译错误，除非别名是显式的 (Foo as fooAlias)。除此之外，我关于我何时应该使用一个而不是另一个的信息还没有找到太多信息。)

Answer 1

这里没有对错之分。我更喜欢导出一件事，所以大多数时候默认对我有用。您也可以同时使用两者。

在采用更纯粹的函数式方法或编写一组静态实用程序函数时，我倾向于不使用 default。

所以当我的模块真的只是一个类时，我喜欢使用default。请注意，我仍然可以导出其他内容。

export default class Foo {
}

//一些实用模块

export function fooHelper() {
}
export function bazHelper() {
}