export和export default的区别

export和export default的区别是export关键字用于导出一个或多个变量、函数或类，而export default关键字用于导出一个默认的变量、函数或类。在其他模块中，可以使用import关键字来导入这些导出的变量、函数或类。

export和export default是ES6中用于导出模块的关键字，它们有一些区别。

首先，export关键字用于导出一个或多个变量、函数或类。可以使用export关键字将一个或多个变量、函数或类导出，以便其他模块可以使用它们。例如，我们可以将一个函数导出如下：

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

在其他模块中，我们可以使用import关键字来导入该函数：

import { add } from './math';
console.log(add(2, 3)); // 输出 5

我们还可以使用export关键字导出多个变量、函数或类。例如：

export const PI = 3.14159;
export function multiply(a, b) {
  return a * b;
}
export class Circle {
  constructor(radius) {
    this.radius = radius;
  }
  getArea() {
    return Math.PI * this.radius * this.radius;
  }
}

在其他模块中，我们可以使用import关键字来导入这些变量、函数或类：

import { PI, multiply, Circle } from './math';
console.log(PI); // 输出 3.14159
console.log(multiply(2, 3)); // 输出 6
const circle = new Circle(5);
console.log(circle.getArea()); // 输出 78.53975

export default关键字用于导出一个默认的变量、函数或类。每个模块只能有一个默认导出。例如，我们可以将一个函数作为默认导出：

export default function subtract(a, b) {
  return a - b;
}

在其他模块中，我们可以使用import关键字来导入默认导出：

import subtract from './math';
console.log(subtract(5, 2)); // 输出 3

需要注意的是，导入默认导出时可以为其指定任意名称，而不需要使用花括号。这是因为默认导出是唯一的，所以可以直接使用导入的变量名。

总结起来，export关键字用于导出一个或多个变量、函数或类，而export default关键字用于导出一个默认的变量、函数或类。在其他模块中，可以使用import关键字来导入这些导出的变量、函数或类。

以上就是export和export default的区别的详细内容，更多请关注php中文网其它相关文章！