模块化中普通导出和默认导出的区别

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

普通导出

普通导出可以写多个值
在导出时每个导出项都需要使用特定的名称进行导出，在导入时也需要使用相应的名称进行引用

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

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

默认导出

默认导出只能写一个值
默认导出在导入时可以使用任何名称进行引用

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

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