javascript - 如何使用 PEG.js 的示例

Question

我在玩PEG.js。

我创建了一些接受 [LettersNumbers] 形式的输入的简单代码：

• abc123
• 你好98765
• 等等

这是代码：

start = expression 

expression = text + number

text = 
a: [a-z]+
{return a.join("");}

number = 
b:[0-9]+
{return b.join("");}

这里：在线版本可以测试代码并下载解析器，另外我下载了 peg.js本身。

不幸的是，文档非常稀少。我试过：

<script src="peg-0.9.0.min.js"></script>
<script src="parser.js"></script>
<script>
var parser = new PEG;
parser.parse("test123");
</script>

但是得到了这些错误：

未捕获的引用错误：未定义模块未
捕获的类型错误：PEG 不是函数

有人可以为我提供一个工作示例吗？我只需要将生成的 js 文件集成到网站中。

Answer 1

此答案假定您希望继续使用 PEG.js 在线版本来构建您的解析器。

peg-0.9.0.min.js仅当您在网页中生成解析器时才需要。由于您使用的是 PEG.js 在线版本来生成解析器，因此您不需要这样做。

您确实需要包含下载的parser.js. 您需要在 PEG.js 网页版中指定一个浏览器友好的全局变量并重新下载。

此示例使用PARSER：

之后，您可以使用：

<script src="parser.js"></script>
<script>
PARSER.parse("test123");
</script>

Plunker 示例

Answer 2

如果你想在网页上使用它，你需要下载浏览器版本，或者从 CDN 引用它。

此外，您需要使用它的javascriptAPI来创建解析器。

// One line version of your grammer.
var parser = PEG.buildParser('start = expression;expression = text + number;text = a: [a-z]+{return a.join("");};number = b:[0-9]+{return b.join("");}');

console.log(parser.parse("test123"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/pegjs/0.7.0/peg.min.js"></script>