export 和 export default

export和export default是用来导出常量、函数、文件、模块的，是ES6语言。

export 语句

export 语句用于导出模块中的一个或多个变量、函数或类。例如，假设我们有一个名为 utils.js 的模块，其中包含一个名为 add 的函数和一个名为 PI 的常量，我们可以使用 export 语句将它们导出：

// utils.js

export const PI = 3.14;

export function add(a, b) {
  return a + b;
}

在另一个文件中，我们可以使用 import 语句来导入这些导出的变量或函数：

// main.js

import { add, PI } from "./utils.js";

console.log(add(1, 2)); // 输出 3
console.log(PI); // 输出 3.14

我们还可以使用 export 语句导出一个名为 default 的变量、函数或类，这意味着导入模块时可以省略花括号，直接使用 import 语句导入默认导出的内容。

export default 语句

export default 语句用于导出一个默认值。例如，我们有一个名为 math.js 的模块，其中包含一个名为 add 的函数和一个名为 PI 的常量，我们可以使用 export default 语句将 add 函数作为默认导出：

// math.js

const PI = 3.14;

function add(a, b) {
  return a + b;
}

export default add;
export { PI };

在另一个文件中，我们可以使用 import 语句导入默认导出的内容：

// main.js

import add from "./math.js";
import { PI } from "./math.js";

console.log(add(1, 2)); // 输出 3
console.log(PI); // 输出 3.14

如果一个模块中同时有默认导出和命名导出，我们可以同时使用 import 和 import * as 语句来导入这些内容。例如：

// math.js

const PI = 3.14;

function add(a, b) {
  return a + b;
}

export default add;
export { PI };

// main.js

import add, { PI } from "./math.js";

console.log(add(1, 2)); // 输出 3
console.log(PI); // 输出 3.14