前言
上一篇分享过一个简单的轻量级编译器翻译。为了加强自己对编译原理的理解,最近利用业余时间实现了一个中文的代码解释器。本篇介绍一下该编译器的主要内容和实现步骤。 在线演示
因为内容是挂在github上,打开后可能要加载一段时间。如打开较慢,请耐心等待一下.
项目内容
- 项目地址 https://github.com/gamedilong/ccc, 第一版为了简单且方便有需要的同学学习,无依赖且没有使用任何脚手架。代码也未压缩。可以直接在浏览器调试。
- 该项目命名为ccc解释器,主要取中文和编译器的简写。
- 主要功能,将中文代码通过词法分析,语法分析两个步骤编译成抽象语法树,然后将抽象语法树 编译成js代码执行。
实现步骤
- 实现中文代码解释器 生成ast语法树 (代码基于acorn.js第一个git log调整修改而来);
- 实现代码生成器 将ast语法树树编译成代码;
- 实现代码编辑器 通过monaco自定义中文高亮规则实现;
- 实现抽象语法树,控制台 展示当前抽象语法,及提供打印输出
- 整合如上前面的内容