Heim >Web-Frontend >js-Tutorial >Erstellen Sie verkettete Aktionsklassen in JavaScript

Erstellen Sie verkettete Aktionsklassen in JavaScript

PHPz
PHPznach vorne
2023-09-17 12:13:081207Durchsuche

在 JavaScript 中创建链式操作类

Frage

Wir sollten einen benutzerdefinierten Datentyp Streak in JavaScript erstellen, der mit einem beliebigen Bereich mit Werten und Operationen 强> oder

verknüpft werden kann. Der Wert kann einer der folgenden sein Zeichenfolgen – Die

→ one, two three, four, five, six, seven, eight, nine

-Operation kann eine der folgenden Zeichenfolgen sein –

→ plus, minus

Wenn wir beispielsweise Folgendes im Kontext einer Klasse implementieren –

Streak.one.plus.five.minus.three;

, dann sollte die Ausgabe lauten:

const output = 3;

Ausgabeerklärung

weil Der ausgeführte Vorgang ist:

1 + 5 - 3 = 3

Beispiel

Hier ist der Code –

Live-Demo

const Streak = function() {
   let value = 0;
   const operators = {
      'plus': (a, b) => a + b,
      'minus': (a, b) => a - b
   };
   const numbers = [
      'zero', 'one', 'two', 'three', 'four', 'five',
      'six', 'seven', 'eight', 'nine'
   ];
   Object.keys(operators).forEach((operator) => {
      const operatorFunction = operators[operator];
      const operatorObject = {};
      numbers.forEach((num, index) => {
         Object.defineProperty(operatorObject, num, {
            get: () => value = operatorFunction(value, index)
         });
      });
      Number.prototype[operator] = operatorObject;
   });
   numbers.forEach((num, index) => {
      Object.defineProperty(this, num, {
         get: () => {
            value = index;
            return Number(index);
         }  
      });
   });
};
const streak = new Streak();
console.log(streak.one.plus.five.minus.three);

Ausgabe

Hier ist die Konsolenausgabe –

3

Das obige ist der detaillierte Inhalt vonErstellen Sie verkettete Aktionsklassen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen