【ES6中默认导出与普通导出的区别】

默认导出与普通导出的区别

默认导出与普通导出的区别

默认导出
普通导出

默认导出是指模块中只有一个主要的导出项，这个导出项不需要使用特定的名称进行导出，在导入时可以使用任何名称进行引用。默认导出适用于只有一个主要导出项的情况，可以使代码更加简洁易懂。

普通导出是指模块中可以有多个导出项，每个导出项都需要使用特定的名称进行导出，在导入时也需要使用相应的名称进行引用。普通导出适用于有多个导出项的情况，可以使代码更加灵活。

在实际开发中，可以根据具体情况选择使用哪种导出方式。如果模块中只有一个导出项且需要在导入时使用不同的名称，可以使用默认导出。如果模块中有多个导出项且需要在导入时精确指定使用哪些导出项，可以使用普通导出。

默认导出

默认导出和普通导出是在 JavaScript 中使用模块化编程时的两种不同的导出方式。

默认导出是指模块中只有一个主要的导出项，这个导出项不需要使用特定的名称进行导出，在导入时可以使用任何名称进行引用
下面展示一些

export default function() {
  console.log("Hello, world!");
}

// main.js
import sayHello from "./module.js";
sayHello(); // 输出 "Hello, world!"

在上面的例子中，export default 表示默认导出，导出的是一个函数。在导入时，使用 import sayHello 引用了默认导出项，而不是使用函数名称。这种方式可以使代码更加简洁易懂。

普通导出

普通导出是指模块中可以有多个导出项，每个导出项都需要使用特定的名称进行导出，在导入时也需要使用相应的名称进行引用

// module.js
export function sayHello() {
  console.log("Hello, world!");
}

export function sayGoodbye() {
  console.log("Goodbye, world!");
}

// main.js
import { sayHello, sayGoodbye } from "./module.js";
sayHello(); // 输出 "Hello, world!"
sayGoodbye(); // 输出 "Goodbye, world!"

在上面的例子中，使用 export 关键字分别导出了两个函数。在导入时，需要使用 {} 包裹函数名称，以表明导入的是具体的导出项。这种方式可以使代码更加灵活，可以导出