JavaScript四则计算器开发：如何将字符串转为整数与运算符并计算？

嘿，刚好做过类似的计算器项目，来给你唠唠最适合的方案～

首先得明确你的场景：你是通过按键操作生成的计算字符串，输入完全可控（没有用户手动输入的恶意代码），那咱们可以分情况选最优解：

1. 最简单高效：eval() 函数 #

这绝对是最快实现的方式，JavaScript原生就支持直接执行字符串形式的代码，刚好匹配你的需求：

// 假设你处理好的计算字符串是 "12+34*5-6"
const calcStr = "12+34*5-6";
const result = eval(calcStr);
console.log(result); // 输出 176

优点：代码量极少，原生支持四则运算优先级，完全不需要自己处理复杂的运算顺序逻辑。
注意：只有当你能100%保证计算字符串的安全性（比如只能通过你的按键生成，没有外部输入）时才用，否则会有代码注入风险。

2. 替代方案：Function 构造函数 #

和eval()原理类似，但写法稍微不同，安全性和性能和eval差不多：

const calcStr = "12+34*5-6";
const calculate = new Function(`return ${calcStr}`);
const result = calculate();

这个和eval没有本质区别，只是执行上下文略有不同，同样适合可控场景。

3. 安全优先：手动解析表达式（或用数学库） #

如果你的计算器需要开放给外部用户，担心恶意输入，那最好自己实现表达式解析，或者用成熟的数学库来处理。

手动解析的核心思路：

• 把字符串拆分成数字和运算符数组（比如["12", "+", "34", "*", "5", "-", "6"]）
• 先处理乘除运算：遍历数组，遇到*或/就计算相邻两个数字的结果，用结果替换掉这三个元素
• 再处理加减运算：遍历剩下的数组，依次计算最终结果

这种方式代码量会多一些，但完全避免了代码注入风险，适合需要更高安全性的场景。

总结最优选择 #

结合你的场景（按键生成的可控字符串），eval()就是最优解——它最简单、高效，完全能满足你的计算需求，不需要额外的复杂代码。

内容的提问来源于stack exchange，提问作者Morgan Galvin