使用Javascript编写一个解释器看起来很难,其实实现原理很简单,就是使用Javascript对象属性利用字符串表达这个特性可解释出来,解释器在Javascript中发挥重要的解释作用,本文向大家介绍Javascript编写解释器的简单操作,详情请看本文。
一、Javascript解释器介绍
Javascript解释器又名js引擎。
Javascript是解释型语言,这就是说它无需编译,直接由Javascript引擎直接执行。
二、编写Javascript解释器
1、使用visitor.ts 创建一个Visitor类,并提供一个方法操作ES节点。
import * as ESTree from "estree";
class Visitor {
visitNode(node: ESTree.Node) {
// ...
}
}
export default Visitor;2、使用interpreter.ts 创建一个Interpreter类,用于运行ES节点树。
import Visitor from "./visitor";
import * as ESTree from "estree";
class Interpreter {
private visitor: Visitor;
constructor(visitor: Visitor) {
this.visitor = visitor;
}
interpret(node: ESTree.Node) {
this.visitor.visitNode(node);
}
}
export default Interpreter;3、vm.ts 对外暴露run方法,并使用acorn code->ast后,交给Interpreter实例进行解释。
const acorn = require("acorn");
import Visitor from "./visitor";
import Interpreter from "./interpreter";
const jsInterpreter = new Interpreter(new Visitor());
export function run(code: string) {
const root = acorn.parse(code, {
ecmaVersion: 8,
sourceType: "script",
});
return jsInterpreter.interpret(root);
}以上就是Javascript编写解释器的过程,大家直接套入代码使用即可,更多Javascript学习推荐:Javascript教程。



