前言
在前端开发中，我们经常需要解析语法结构，比如解析JSON，解析模板等等。这时候，PEG（Parsing Expression Grammar）就是一种很好的选择。而在PEG的实现中，PEG.js就是一个非常出色的库。但是，它也有一些限制。
PEG.js仅支持JavaScript语法，同时对于语法的修改和扩展也比较繁琐。而现在，在npm上有一个新的PEG库——pegco。他解决了PEG.js的这些问题，同时还支持了更多的特性和语言，如TypeScript、Python、Ruby等。这篇文章就是介绍如何使用pegco这个npm包。
安装
首先，我们需要安装pegco到我们的项目中。我们可以通过npm命令进行安装：
npm install pegco
安装完成后，我们就可以通过如下方式引入：
const { parse } = require('pegco')核心API
pegco唯一的核心API就是parse函数，他的定义如下：
function parse<T>(expression: string, code: string, options?: ParseOptions): T
其中：
- expression：表示我们的grammar表达式，是一个字符串。
- code：表示我们需要解析的代码串，同样是一个字符串。
- options：当前版本支持的解析选项。我们会在后面的章节中详细讲解。
返回值：解析完成后得到的实体对象。
示范
下面，我们就开始演示如何使用pegco进行解析。
基础语法解析
import { parse } from 'pegco'
const code = '2 + 3 * 4;'
const result = parse<number>('start = Num addOp* {return $reduce(function(acc, curr) {return acc(curr[1], curr[0], curr[2]);}, $1)}; Num = [0-9]+ {return parseInt($)}; addOp = ("+" / "-") Num {return [ $1, parseInt($3) ];};', code)
console.log(result)上面的代码就是解析一个简单计算器的实现，他支持加减乘除等运算，其中表达式的语法解析使用的是PEG表达式。这个表达式字符串可以在PEG.js online上进行编辑。
我们可以看到，我们最终解析得到的结果为20，正是该表达式的返回值。
结合TypeScript解析
-- -------------------- ---- ------- ------ - -- -- ---- ---- ------ - ----- - ---- ------- --------- -------- - ----- ------ ----- ------ - --------- ------ - ---------- ---------- - ----- ---- - ------------------------------------------- ----- ------ - -------------------- - --- --- ----------- --- --- --- ----------- --- --- - ------ - ---------- -- ----- ---- -- - --- ----- -------------------
这个示例就是解析一个用JSON格式存储的配置文件内容。我们可以看到，我们还定义了接口，代码的连接方式结合了TypeScript进行更加严格的类型检查。
解析选项
解析选项是pegco为了满足更多不同需求而添加的特性。我们可以通过 ParseOptions来配置。
language: 默认是js，即 JavaScript。如果我们想要解析其他语言，需要指定该选项。比如我们要解析Python就需要指定为py。strict: 默认为true。打开严格模式后，如果我们的语法有错误，解析器会直接抛出异常终止解析。关闭严格模式则会将错误加入错误列表，可以通过在代码中判断是否有错误来忽略某些错误。startRule: 默认为start，即从语法的start规则开始解析。但是有些时候我们可能会有一个语法里有多个非终结符号的情况，这时候我们需要指定一个规则来指定我们的解析入口。
总结
本篇文章详细介绍了如何使用npm包pegco来进行前端开发中基于PEG语法的解析。我们介绍了其基本使用方式，以及比较典型的解析示范。我们也讲述了该包在解析选项上的一些特性，以帮助我们更好的使用。我希望它能够帮助更多前端开发者为自己的开发工作提供更快、更简单和更方便的支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbb1fb5cbfe1ea061194b