ES6 模組語法

ES6 模組語法是一種用於在 JavaScript 中導入和導出代碼的方式。它使得代碼更加模組化，便於管理和重用。以下是一些基本的概念和用法：

導出（Export）

有兩種主要的導出方式：

命名導出（Named Exports）： 這種方式允許你導出多個變量或函數。

// module.js
export const name = 'Alice';
export function greet() {
  console.log('Hello, ' + name);
}

默認導出（Default Export）： 每個模組只能有一個默認導出。

// module.js
const user = {
  name: 'Alice',
};
export default user;

導入（Import）

對應的導入語法如下：

導入命名導出：

// main.js
import { name, greet } from './module.js';
console.log(name); // Alice
greet(); // Hello, Alice

導入默認導出：

// main.js
import user from './module.js';
console.log(user.name); // Alice

導入所有導出：

使用 * 可以導入模組中的所有命名導出，並將它們作為一個對象使用。

// main.js
import * as module from './module.js';
console.log(module.name); // Alice
module.greet(); // Hello, Alice

結合使用

可以在一個模組中結合使用默認導出和命名導出：

// module.js
export const name = 'Alice';
export default function greet() {
  console.log('Hello, ' + name);
}

在 main.js 中：

import greet, { name } from './module.js';
console.log(name); // Alice
greet(); // Hello, Alice

這些都是 ES6 模組語法的基本用法，使用它們可以有效地管理大型應用的代碼結構。如果有其他具體的問題或需要進一步了解的內容，隨時告訴我！