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