使用 math.js 可实现 JavaScript 中的符号计算与微积分，结合 function-plot 等绘图库可将结果可视化，构建数学应用。
JavaScript 本身不直接支持复杂的数学符号计算（如代数化简、微积分推导），但借助第三方库可以实现这些功能。同时，函数绘图可以通过专用绘图库完成。以下是具体方法和推荐工具。
使用 math.js 进行数学符号计算
math.js 是一个功能强大的 JavaScript 数学库，支持符号计算、代数运算、微积分、矩阵操作等。
安装方式（Node.js 环境）：npm install mathjs
浏览器中引入：
立即学习“Java免费学习笔记（深入）”；
示例：符号代数与求导
const expression = math.parse('x^2 + 2*x + 1');
const derivative = expression.derivative('x');
console.log(derivative.toString()); // 输出: 2 * x + 2
// 代入数值计算
const compiled = derivative.compile();
console.log(compiled.evaluate({x: 3})); // 输出: 8
使用 Function Plot 绘制函数图像
function-plot 是基于 D3.js 的轻量级函数绘图库，适合绘制数学函数图像。
引入方式：
HTML 中准备容器：
绘制 y = x² 示例：
functionPlot({
target: '#graph',
data: [{ fn: 'x^2' }]
});
支持多个函数、限制定义域、参数方程等：
functionPlot({
target: '#graph',
xAxis: { domain: [-5, 5] },
data: [
{ fn: 'sin(x)' },
{ fn: 'cos(x)', color: 'red' }
]
});
结合使用：符号计算结果自动绘图
你可以先用 math.js 处理表达式，再将结果传给绘图库。
例如：计算导数后绘制原函数与导函数
const expr = math.parse('x^3 - 3*x');
const deriv = expr.derivative('x');
const derivStr = deriv.toString(); // "3 * x ^ 2 - 3"
functionPlot({
target: '#graph',
data: [
{ fn: 'x^3 - 3*x', label: 'f(x)' },
{ fn: derivStr, color: 'blue', label: "f'(x)" }
]
});
注意：math.js 的输出是表达式对象，需转为字符串才能被绘图库识别，必要时手动调整格式（如替换 * 为隐式乘法等）。
其他可选库
根据需求还可考虑：
- Algebrite：纯 JS 符号计算库，轻量，适合嵌入网页
- Desmos 或 GeoGebra：在线数学可视化工具，提供 API 集成
- Plotly.js：功能全面的图表库，支持 2D/3D 函数绘图
基本上就这些。通过 math.js 处理符号运算，配合 function-plot 或 Plotly 实现图形展示，就能在网页中构建简单的数学计算与可视化应用。
