在 JavaScript 中使用模塊通常有兩種方式：CommonJS 和 ES6 模塊。
// math.js
function add(a, b) {
return a + b;
}
function subtract(a, b) {
return a - b;
}
module.exports = {
add,
subtract
}
導入模塊：
// index.js
const math = require('./math');
console.log(math.add(1, 2)); // 輸出 3
console.log(math.subtract(5, 3)); // 輸出 2
// math.js
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
導入模塊：
// index.js
import { add, subtract } from './math';
console.log(add(1, 2)); // 輸出 3
console.log(subtract(5, 3)); // 輸出 2
需要注意的是，瀏覽器中使用 ES6 模塊時，需要在 script 標簽中添加 type=“module” 屬性。例如：
<script type="module" src="index.js"></script>
總的來說，使用 ES6 模塊可以讓代碼更加清晰和模塊化，推薦在現代項目中使用 ES6 模塊。
