在 javascript 中实现模块复用，核心做法是使用 export 导出函数、变量或类，并在其他文件中通过 import 语句按需引入。这种方式天然支持代码解耦和逻辑复用，开发者只需确保文件包含正确的 type="module" 属性即可生效。

如何导出并复用单个工具函数

要复用单个工具函数，需要在定义该函数的文件中添加 export 关键字，然后在目标文件中通过 import { functionName } from './path' 语法将其拉取。这样可以在不污染全局作用域的情况下，将特定功能模块化。

export function formatPrice(price) {
  return `$${price.toFixed(2)}`;
}

// usage.js
import { formatPrice } from './utils.js';
console.log(formatPrice(10)); // $10.00

如何批量导出并复用多个组件

当需要复用一组相关的功能时，可以使用命名导出（Named Exports）将所有相关函数或类集中管理。调用方可以通过 import * as moduleName 或解构赋值的方式一次性获取所有导出项，便于构建大型应用时的逻辑复用。

Java 开发专家

精通 Java 21+，掌握虚拟线程、模式匹配和 Spring Boot 3.x 等现代特性。是 Java 生态系统（包括 GraalVM、Project Lo

下载

// mathUtils.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

// app.js
import * as MathUtils from './mathUtils.js';
console.log(MathUtils.add(5, 3)); // 8

默认导出与命名导出的区别是什么

默认导出（Default Export）允许每个文件只导出一个主实体，导入时无需知道具体名称，使用 import name from 'path' 即可。而命名导出则要求导入时必须使用原名称或通过别名重命名，适用于多实体复用的场景。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南