ECMAScript（简称 ES）是 JavaScript 语言的标准规范，每年都会发布新的版本。在 ES2021 中，default 引入了一个新的特性，用于增强 JavaScript 语言的规范性。
default 的作用
default 的作用是在导入模块时，为那些没有具名导出的模块提供一个默认导出。这样，我们就可以通过一个简单的语句来导入整个模块的默认导出，而不必为每个具名导出命名。
如何使用 default
在一个模块中，我们可以为其中的某个导出指定一个默认导出。具体方法是使用 export default 关键字来声明。
-- --------- ----- ------- - ------ ------- -------- ---------- - --------------------- - ------ ------- ---------
在另一个模块中，我们可以通过以下方式来使用默认导出：
-- -------- ------ -------- ---- -------------- ----------- -- ----- ------ ------
在这个例子中，我们可以看到 module.js 模块中的 sayHello() 函数被指定为默认导出。我们可以通过 import 关键字将其导入到 index.js 模块中，并直接调用它。
default 和其它导出方式的区别
在 ES6 中，我们已经有了两种导出方式：命名导出和默认导出。它们之间有什么不同呢？
区别一：导入方式的不同
命名导出需要你在导入时指定一个名称，使用大括号 { } 将名称括起来。
-- --------- ------ ----- ---- - --------
-- -------- ------ - ---- - ---- -------------- ------------------ -- -- -------
而默认导出则直接使用一个变量名来导入整个模块的默认导出。
-- --------- ------ ------- ---------- - ----------------- -- - ------- --------- -
-- -------- ------ ------------- ---- -------------- ---------------- -- -- ----- -- - ------- -------
区别二：导出方式的不同
命名导出和默认导出在导出方式上也有所不同。命名导出使用 export 关键字导出一个对象，其中包含具名导出的内容。
-- --------- ------ ----- --- - -- -- --- ------ ----- --- - -- -- --- ------ ----- --- - -- -- ---
而默认导出则使用 export default 关键字导出一个值，这个值可以是任何 JavaScript 类型，比如对象、函数、类等等。
-- --------- ------ ------- ---------- - ----------------- -- - ------- --------- -
总结
default 引入让 JavaScript 语言更具规范性，可以简化模块的导入和导出。当你的模块只有一个主要功能时，你可以使用默认导出，而不必将每个导出命名。然而，当你的模块具有多个导出时，你应该使用具名导出来提高代码的可读性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64eeed82f6b2d6eab38ecce2