适用场景：前端高精度计算、科学计算、公式解析、金融运算、数据可视化数值处理
阅读收获：掌握Math.js核心用法、解决JS原生计算精度丢失问题、实现复杂数学公式运算
一、前言：为什么要用 Math.js？
在 JavaScript 开发中，我们经常使用原生Math对象做数学运算，但原生 Math 存在三大致命短板：
精度丢失严重：经典的 0.1 + 0.2 = 0.30000000000000004，金融、计量场景完全不可用
不支持表达式解析：无法直接计算字符串公式，如
3*(5+2)-8需手动解析功能单一：缺少矩阵运算、复数、分数、高精度小数、统计运算等专业数学能力
Math.js是一款专为 JavaScript 设计的开源、高性能数学计算库，完美解决以上问题，支持浏览器、Node.js 双环境，是前端科学计算、金融运算、公式编辑器的首选工具库。
核心优势：
解决浮点数精度丢失问题
支持字符串数学表达式直接解析计算
支持分数、复数、矩阵、向量、大数运算
内置三角函数、统计函数、代数运算方法
轻量易用、兼容性强、可按需引入
二、Math.js 安装与环境配置
Math.js 支持Node.js和浏览器两种使用方式，安装方式简单。
1. NPM 安装（项目开发常用）
npm install mathjs
yarn yarn add mathjs
pnpm pnpm add mathjs
2. 浏览器 CDN 引入（快速测试）
直接在HTML中引入，适合demo、静态页面使用：<script src="https://cdn.jsdelivr.net/npm/mathjs@11.8.0/lib/browser/math.min.js"></script>
3. 项目引入方式
ES6 模块化（Vue/React/原生工程）：
import * as math from 'mathjs'
import { evaluate, add, sqrt, sum } from 'mathjs' // 按需引用
CommonJS（Node.js 项目）：
const math = require('mathjs')
三、核心基础
1. 高精度基础四则运算
解决 JS 浮点数精度问题，对比原生 Math 与 Math.js 的差异：
// 原生JS（精度丢失） console.log(0.1 + 0.2) // 0.30000000000000004
// Math.js 高精度运算 console.log(math.add(0.1, 0.2)) // 0.3
// 完整四则运算 console.log(math.subtract(1.5, 0.6)) // 0.9
减法 console.log(math.multiply(0.7, 0.8)) // 0.56
乘法 console.log(math.divide(1, 3)) // 0.3333333333333333
2. 字符串表达式解析
例如：
console.log(math.evaluate('3 + 5 * 2 - 8 / 2')) // 9 // 带括号优先级 console.log(math.evaluate('(10 + 2) * (8 - 3) / 4')) // 15 // 支持变量代入 console.log(math.evaluate('2 * x + 3 * y', { x: 5, y: 2 })) // 16 // 支持平方、开方混合运算
console.log(math.evaluate('sqrt(16) + 3^2')) // 13
3. 取整、绝对值、最值处理
console.log(math.abs(-9.8)) // 9.8
console.log(math.ceil(3.2)) // 4
console.log(math.floor(3.8)) // 3
console.log(math.round(3.56, 1)) // 3.6
console.log(math.max(12, 5, 28, 9)) // 28
console.log(math.min(12, 5, 28, 9)) // 5
4. 次方、开方、对数运算
console.log(math.pow(2, 10)) // 1024
console.log(math.square(8)) // 64
console.log(math.sqrt(81)) // 9
console.log(math.cbrt(27)) // 3
console.log(math.log(100, 10)) // 2
console.log(math.log(8, 2)) // 3
5. 内置数学常量
内置精准数学常量，无需手动定义：
console.log(math.pi) // 圆周率π console.log(math.e) // 自然常数e console.log(math.phi) // 黄金比例 console.log(math.sqrt2) // 根号2
四、进阶常用功能（科学计算/数据统计）
1. 数组批量统计运算
日常数据统计、报表计算必备，支持数组一键求和、平均值、方差、标准差：
const arr = [12, 25, 18, 30, 22]
// 求和、平均值 console.log(math.sum(arr))
// console.log(math.mean(arr)) // 21.4
// 中位数、众数 console.log(math.median(arr))
// console.log(math.mode(arr)) // [12, 25, 18, 30, 22]
// 方差、标准差 console.log(math.variance(arr)) // 40.3
console.log(math.std(arr)) // 6.348
2. 全套三角函数运算
支持角度、弧度切换，满足图形计算、可视化、GIS场景需求：
// 三角函数（默认弧度） console.log(math.sin(math.pi / 2)) // 1 console.log(math.cos(0)) // 1 console.log(math.tan(math.pi / 4)) // 1 // 角度转换 console.log(math.degrees(math.pi)) // 180 弧度转角度 console.log(math.radians(180)) // 3.141592653589793 角度转弧度
3. 分数精准运算
金融、分数计算场景，保留分数形态：
const a = math.fraction(0.25)
const b = math.fraction(0.5)
const res = math.add(a, b) console.log(res) // Fraction { n: 3, d: 4 } console.log(math.format(res)) // 3/4 格式化输出分数
4. 矩阵运算（高阶数学）
支持矩阵加减乘、转置、求逆，适合机器学习、图形矩阵变换场景：
// 定义矩阵 const m1 = math.matrix([[1, 2], [3, 4]])
const m2 = math.matrix([[5, 6], [7, 8]])
// 矩阵加法 console.log(math.add(m1, m2))
// 矩阵转置 console.log(math.transpose(m1))
五、前端常用场景
1：金融高精度计算（金额计算）
解决商品价格、折扣、运费计算精度丢失问题：
// 商品单价、数量、折扣
const price = 99.9
const count = 3
const discount = 0.8 // 精准计算折后总价
const total = math.multiply(math.multiply(price, count), discount)
console.log(total) // 239.76 精准无误差
2：动态公式计算器（自定义变量）
实现前端自定义公式、动态传参计算，适用于表单计算公式、测评分值：
/** * 通用公式计算函数 * @param {String} formula - 数学公式字符串
* @param {Object} params - 变量对象
* @returns {Number} 计算结果
*/
function calcFormula(formula, params) {
return math.evaluate(formula, params)
} // 使用：总分=语文*0.4 + 数学*0.5 + 英语*0.1
const score = calcFormula('chinese*0.4 + math*0.5 + english*0.1', { chinese: 120, math: 135, english: 110 })
console.log(score) // 126.5
六、常见问题
1. 结果为对象，无法直接比较
部分运算（分数、矩阵）返回的是对象，不是基础数值，需要通过math.number()转换：
const res = math.sqrt(16)
console.log(math.number(res)) // 4 转为普通数字
2. 表达式变量不存在报错
使用evaluate传入未定义变量会报错，使用前必须在参数对象中声明所有变量。
3. 打包体积过大优化
全局引入import math from 'mathjs'体积较大，生产环境推荐按需引入，大幅减小打包体积。
