解釋器模式（Interpreter Pattern）：是一種行為型設計模式，它可以用來解決一些特定問題，例如編譯器、計算器等等，這種模式定義了一個語言的語法，并用一個解釋器來解釋語言中的運算式，
解釋器模式可以用來處理例如資料格式化、表單驗證等業務場景，在這些場景中，我們需要定義一些語法規則，然后使用解釋器來解釋這些規則，
解釋器模式的基本結構包括四個角色：抽象運算式、終結符運算式、非終結符運算式和背景關系，
- 抽象運算式定義了一個抽象的介面，用于解釋運算式，
- 終結符運算式是最基本的運算式，它代表了語言中的一個單一的符號，例如一個變數或者一個數字，
- 非終結符運算式則是由多個終結符運算式組成的運算式，它代表了復雜的語言語法規則，
- 背景關系用于存盤解釋器解釋時的中間結果，
在使用解釋器模式時，我們需要先定義好語言的語法規則，然后再根據這些規則創建相應的運算式物件，并將其組合成一個完整的運算式樹，最后，我們可以使用解釋器來解釋這棵運算式樹，并得到相應的結果，
以下是一個簡單的示例，演示了如何使用解釋器模式來處理一個簡單的算術運算式，在這個示例中，我們定義了一個語法規則，用于表示加法和減法運算，并使用解釋器模式來解釋這個運算式，
// 定義抽象運算式
class Expression {
interpret() {}
}
// 定義終結符運算式
class NumberExpression extends Expression {
constructor(number) {
super();
this.number = number;
}
interpret() {
return this.number;
}
}
// 定義非終結符運算式
class AddExpression extends Expression {
constructor(left, right) {
super();
this.left = left;
this.right = right;
}
interpret() {
return this.left.interpret() + this.right.interpret();
}
}
class SubtractExpression extends Expression {
constructor(left, right) {
super();
this.left = left;
this.right = right;
}
interpret() {
return this.left.interpret() - this.right.interpret();
}
}
// 定義背景關系
class Context {
constructor() {
this.expression = null;
}
setExpression(expression) {
this.expression = expression;
}
evaluate() {
return this.expression.interpret();
}
}
// 使用示例
const context = new Context();
const expression = new SubtractExpression(
new AddExpression(new NumberExpression(10), new NumberExpression(5)),
new NumberExpression(2)
);
context.setExpression(expression);
console.log(context.evaluate()); // 輸出 13
在這個示例中，我們定義了四個運算式類：Expression、NumberExpression、AddExpression 和 SubtractExpression，并分別實作了它們的 interpret() 方法，同時，我們還定義了一個背景關系類 Context，用于存盤解釋器解釋時的中間結果，
在示例的最后，我們使用 SubtractExpression、AddExpression 和 NumberExpression等運算式物件來創建一個運算式樹，并將其存盤在背景關系中，最后，我們使用 Context 物件的 evaluate()方法來求出運算式的值，并輸出結果，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/548421.html
標籤：JavaScript
上一篇：聊聊前端性能指標那些事兒
下一篇：TypeScript 學習總結