前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >设计模式 - 解释器模式 - JavaScript

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

作者头像
心谭博客
发布2020-04-20 16:46:13
7530
发布2020-04-20 16:46:13
举报
文章被收录于专栏:YuanXinYuanXin

解释器模式: 提供了评估语言的语法表达式的方式。

专注前端与算法的系列干货分享。 引用请声明:xxoo521.com | 「公众号:心谭博客」

什么是“解释器模式?

解释器模式定义: 提供了评估语言的语法表达式的方式。

这是基本不怎么使用的一种设计模式。确实想不到什么场景一定要用此种设计模式。

实现这种模式的核心是:

  1. 抽象表达式:主要有一个interpret()操作
  2. 终结符表达式:R = R1 + R2中,R1 R2就是终结符
  3. 非终结符表达式:R = R1 - R2中,-就是终结符
  4. 环境(Context): 存放文法中各个终结符所对应的具体值。比如前面R1R2的值。

优缺点

优点显而易见,每个文法规则可以表述为一个类或者方法。这些文法互相不干扰,符合“开闭原则”。

由于每条文法都需要构建一个类或者方法,文法数量上去后,很难维护。并且,语句的执行效率低(一直在不停地互相调用)。

ES6 实现

为了方便说明,下面省略了“抽象表达式”的实现。

代码语言:javascript
复制
class Context {
    constructor() {
        this._list = []; // 存放 终结符表达式
        this._sum = 0; // 存放 非终结符表达式(运算结果)
    }

    get sum() {
        return this._sum;
    }

    set sum(newValue) {
        this._sum = newValue;
    }

    add(expression) {
        this._list.push(expression);
    }

    get list() {
        return [...this._list];
    }
}

class PlusExpression {
    interpret(context) {
        if (!(context instanceof Context)) {
            throw new Error("TypeError");
        }
        context.sum = ++context.sum;
    }
}

class MinusExpression {
    interpret(context) {
        if (!(context instanceof Context)) {
            throw new Error("TypeError");
        }
        context.sum = --context.sum;
    }
}

/** 以下是测试代码 **/

const context = new Context();

// 依次添加: 加法 | 加法 | 减法 表达式
context.add(new PlusExpression());
context.add(new PlusExpression());
context.add(new MinusExpression());

// 依次执行: 加法 | 加法 | 减法 表达式
context.list.forEach(expression => expression.interpret(context));
console.log(context.sum);

参考

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-01-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是“解释器模式?
  • 优缺点
  • ES6 实现
  • 参考
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档