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