使用MathJS解析输入框表达式做除法返回NaN如何解决

问题原因 #

你的代码的核心错误是运算执行顺序不对：
你当前的逻辑是：

• 先拿到两个字符串类型的表达式（比如"x^2"和"x"）
• 直接用JS原生的/运算符对两个字符串做除法：JS会自动尝试把字符串转成数值，x^2这类包含字母的字符串转数值结果就是NaN，NaN / NaN的结果仍是NaN
• 再把已经是NaN的结果传给math.parse，自然得不到正确的解析结果

修正方案 #

正确的逻辑是先把两个表达式都交给mathjs解析，再执行mathjs体系内的除法运算，最后再化简。可以直接把两个表达式拼接成完整的除法表达式字符串后再统一解析化简，代码如下：

function LDivide() {
    const ldft = document.getElementById("LD1").value.trim();
    const ldst = document.getElementById("LD2").value.trim();
    try {
        // 给第二个表达式套括号避免复合表达式运算优先级错误
        const expr = `${ldft} / (${ldst})`;
        const LDans = math.simplify(expr);
        // 转成字符串输出
        document.getElementById("LDansBox").textContent = LDans.toString();
        document.getElementById("LDansBox").style.display = "inline";
    } catch (e) {
        // 输入非法表达式时的错误提示
        document.getElementById("LDansBox").textContent = "表达式无效，请检查输入";
    }
}

效果验证 #

当第一个输入框填x^2、第二个输入框填x时，上述代码会先拼接出表达式x^2 / (x)，mathjs解析化简后得到的结果就是x，和你的预期一致。

内容的提问来源于stack exchange，提问作者Daniel R