JavaScript中复用数学模块需三步:mathUtils.js正确导出函数,调用方用import按需引入(命名导入/星号导入/默认导入),并确保环境支持ES模块(浏览器加type="module",Node.js配".mjs"或"type":"module")。

在 JavaScript 中,用 import 导入并复用公共数学计算模块,核心是:模块要正确导出(export),调用方用 import 按需引入,且文件需以 type="module" 方式运行(浏览器)或使用支持 ES 模块的环境(如 Node.js v14+ 默认启用)。
确保模块文件正确导出函数
比如创建一个 mathUtils.js 文件,集中封装常用数学逻辑:
// mathUtils.js
export const add = (a, b) => a + b;
export const multiply = (a, b) => a * b;
export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
export const distance = (x1, y1, x2, y2) => Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
<p>// 也可默认导出一个对象(可选)
export default {
add,
multiply,
clamp,
distance
};在其他文件中按需导入使用
支持多种导入方式,根据实际需要选择:
- 命名导入(推荐):只加载用到的函数,利于 tree-shaking
// main.js
import { add, clamp } from './mathUtils.js';
<p>console.log(add(3, 5)); // 8
console.log(clamp(-10, 0, 100)); // 0- 导入全部并重命名:适合批量使用且避免命名冲突
import * as MathUtil from './mathUtils.js'; console.log(MathUtil.multiply(4, 6)); // 24
-
导入默认导出:如果模块设了
export default
import MathUtil from './mathUtils.js'; // 注意:无大括号 console.log(MathUtil.distance(0, 0, 3, 4)); // 5
注意运行环境和路径写法
浏览器中必须显式声明模块类型:
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记(深入)”;
<script type="module" src="./main.js"></script>
Node.js 中确保:
- 文件后缀为
.mjs,或 -
package.json中包含"type": "module" - 路径必须带扩展名(如
./mathUtils.js),不能省略.js
进阶:构建时自动处理(可选)
若用 Vite、Webpack 或 esbuild 等工具,它们会自动解析模块、处理路径别名、支持裸模块导入(如 import { debounce } from 'lodash'),无需手动配置基础模块功能。但自定义工具链时,需确认其支持 ES 模块语法。

















