默认导出和普通导出是在 JavaScript 中使用模块化编程时的两种不同的导出方式。
默认导出是指模块中只有一个主要的导出项,这个导出项不需要使用特定的名称进行导出,在导入时可以使用任何名称进行引用。默认导出适用于只有一个主要导出项的情况,可以使代码更加简洁易懂。
普通导出是指模块中可以有多个导出项,每个导出项都需要使用特定的名称进行导出,在导入时也需要使用相应的名称进行引用。普通导出适用于有多个导出项的情况,可以使代码更加灵活。
在实际开发中,可以根据具体情况选择使用哪种导出方式。如果模块中只有一个导出项且需要在导入时使用不同的名称,可以使用默认导出。如果模块中有多个导出项且需要在导入时精确指定使用哪些导出项,可以使用普通导出。
默认导出
默认导出和普通导出是在 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 关键字分别导出了两个函数。在导入时,需要使用 {} 包裹函数名称,以表明导入的是具体的导出项。这种方式可以使代码更加灵活,可以导出