默认导出和命名导出的区别

【问题标题】：Difference between default export and named export默认导出和命名导出的区别
【发布时间】：2022-01-18 02:21:46
【问题描述】：

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

注意：我认为“命名”导出相当于写 export {functionName}。

【问题讨论】：

命名导出也可以重命名。

标签： javascript import export default

【解决方案1】：

您只能有一个默认导出。因此，在导入时，您可以随意调用它。如果您有多个导出，则必须在导出时调用它们，以便您可以在要导入的文件中指定要从源文件中导入的函数/常量/等。您还可以在导入命名导出时重命名它们/

您也可以混合使用默认和命名。

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

【讨论】：