JavaScript设计模式——解释器模式

解释器模式

给定一个语言,定义它的文法表示,并定义一个解释器,这个解释起使用该标识来解释语言中的句子

文法:文法适用于描述语言的语法结构的形式规则

抽象语法树:是源代码一种抽象表示,它以树状的形式表现标称语言的语法结构,树上的每个节点都表示一个语法

角色:

  • 抽象表达式:约定解释器的解释操作
  • 终结符表达:用来实现文法中与终结符相关的操作,文法中的每一个终结符都对应于一个非终结符表达式
  • 环境角色:通常包含解释器需要的数据或是公共功能
  • 客户端:主要任务是将需要分析的句子或表达式转换成使用解释器对象描述的抽象语法树,然后调用解释器的解释方法

使用场景

  • 当文法比较简单,且执行效率不是关键问题时
  • 当问题重复出现,且可以用一种简单的语言表达时
  • 当一个语言需要解释执行,并且语言中的句子可以表示为一个抽象语法树的时候

案例实现

class AbstractExpression {
  constructor() {
    if (new.target === AbstractExpression) {
      throw new Error('abstract class cant instance');
    }
  }
  interpret(context) {
    if (this instanceof AbstractExpression) {
      throw new Error('');
    }
  }
}

class Context {
  constructor(){
    this.map = new Map();
  }

  assign(vari, value){
    this.map.set(vari, value);
  }

  getValue(vari){
    return this.map.get(vari);
  }
}

class Variable {
  constructor(name) {
    this.name = name;
  }
  interpret(context) {
    // 直接返回变量的值
    return context.getValue(this);
  }

}

class Plus extends AbstractExpression {
  constructor(left, right) {
    super();
    // +号左边的表达式
    this.left = left;
    // +号右边的表达式
    this.right = right;
  }

  interpret(context) {
    // 将左边表达式的结果和右边表达式的结果相加
    return this.left.interpret(context) + this.right.interpret(context);
  }
}

class Minus extends AbstractExpression {
  constructor(left, right) {
    super();
    // -号左边的表达式
    this.left = left;
    // -号右边的表达式
    this.right = right;
  }

  interpret(context) {
    // 将左边表达式的结果和右边表达式的结果相减
    return this.left.interpret(context) - this.right.interpret(context);
  }
}

class Client {
  constructor(){
    let context = new Context();
    let varia = new Variable('a');
    let varib = new Variable('b');
    let varic = new Variable('c');
    let varid = new Variable('d');
    context.assign(varia, 1);
    context.assign(varib, 2);
    context.assign(varic, 3);
    context.assign(varid, 4);
    let expression = new Minus(varia, new Plus(new Minus(varib, varic), varid));
    this.result = expression.interpret(context);
    console.log(this.result)
  }
}

let cli = new Client();

优缺点

优点

  • 易于改变和扩展语法,在解释器模式中使用类来表示语言的文法规则,因此可以通过继承等机制来改变或扩展文法,每一条文法规则都可以表示为一个类,因此可以方便地实现一个简单的语言
  • 实现文法较为容易,在抽象语法结构中每一个表达式节点的实现都是相似的,这些类的代码的编写不会特别复杂
  • 增加新的解释表达式较为容易,如果需要增加新的解释表达式只需要对应增加一个新的终结符表达式或非终结符表达式类,原有的表达式类无须更改,符合开闭原则

缺点

  • 对于复杂文法难以维护,在解释器模式中,每一条规则至少需要定义一个类,因此,如果一个语言包含太多语法规则,类的个数会急剧增加,导致系统难以管理
  • 执行效率低,由于在解释器模式中使用了大量的循环和递归调用,因此,在解释较为复杂的句子时速度很慢,而且代码的调试过程也比较麻烦
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端御书房

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值