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中文網其他相關文章！