默认导出与命名导出之间的差异

Question

据我所知，导出的函数可以用您喜欢的任何名称导入。例如，您可以有一个包含代码export default sayFruit的文件export default sayFruit和一个包含代码import whatever from './functions.js的主文件main.js。然后，whatever()在functions.js文件中输出与sayFruit()相同的输出。现在，您是否可以将导入的函数命名为您想要的名称，这是命名导出和默认导出之间唯一的区别吗？

注意:我认为“命名”导出是编写export {functionName}的等价物。

Answer 1

只能有一个默认导出。因此，当你进口时，你可以叫它任何你想要的。如果有多个导出，则必须在导出时调用它们，以便在要导入的文件中指定要从源文件导入哪个函数/常数/etc。您还可以在导入它们/时重命名命名导出。

您可以有一个混合的默认和命名以及。

// asd.js
const Foo = "bar"
export default Foo
export const Baz = "bax"

// other file
import MyFoo, { Baz } from "./asd"

// other file with renamed Baz import
import MyFoo, { Baz: MyBaz } from "./asd"

但是的，否则是一回事。

我用作参考的内容：https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export