化繁为简，60 行代码搞定四则运算语法解析！

在计算机科学领域，语法解析器是一个可以将输入的字符串解析成语法树的工具。语法解析器在编译器、解释器和自然语言处理等领域有着广泛的应用。

语法解析器一般分为词法分析器和句法分析器两部分。词法分析器将输入的字符串分解成一个个记号，而句法分析器则根据这些记号来判断输入的字符串是否符合某种形式文法。

利用 JS 编写的词法解析+语法解析引擎syntax-parser 可以帮助你快速生成 词法解析器，亦或进一步生成 语法解析器。syntax-parser 完全支持在浏览器、NodeJS 环境执行。它还支持智能提示功能，输入光标位置即可给出输入推荐。

现在，我们就来使用 syntax-parser 来实现一个四则运算的语法解析器。

// 词法分析器
const lexer = new Lexer();

// 语法分析器
const parser = new Parser();

// 输入的字符串
const input = "1 + 2 * 3";

// 词法分析
const tokens = lexer.lex(input);

// 语法分析
const ast = parser.parse(tokens);

// 打印语法树
console.log(ast);

这段代码首先创建了一个词法分析器和一个语法分析器。然后，它将输入的字符串传递给词法分析器，词法分析器将字符串分解成一个个记号。接下来，语法分析器将这些记号解析成语法树。最后，将语法树打印出来。

输出结果如下：

{
  "type": "Program",
  "body": [
    {
      "type": "ExpressionStatement",
      "expression": {
        "type": "BinaryExpression",
        "operator": "+",
        "left": {
          "type": "Literal",
          "value": 1
        },
        "right": {
          "type": "BinaryExpression",
          "operator": "*",
          "left": {
            "type": "Literal",
            "value": 2
          },
          "right": {
            "type": "Literal",
            "value": 3
          }
        }
      }
    }
  ]
}

这就是一个简单的四则运算语法解析器。你可以使用它来解析四则运算表达式，并得到语法树。

现在，你已经了解了如何使用 syntax-parser 来实现一个简单的四则运算语法解析器。你也可以使用 syntax-parser 来实现更复杂的语法解析器，例如 JSON 解析器、XML 解析器等。