首頁 > 常見問題 > 主體

export和export default的差別

百草
發布: 2023-10-12 10:24:11
原創
1879 人瀏覽過

export和export default的區別是export關鍵字用於導出一個或多個變數、函數或類,而export default關鍵字用於導出一個預設的變數、函數或類別。在其他模組中,可以使用import關鍵字來匯入這些導出的變數、函數或類別。

export和export default的差別

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!