Create chained action classes in JavaScript-JS Tutorial-php.cn

Create chained action classes in JavaScript

PHPz

Release： 2023-09-17 12:13:08

forward

1226 people have browsed it

在 JavaScript 中创建链式操作类

Question

We should create a user-defined data type Streak in JavaScript that can be associated with values and Action Link to any scope 强> or

The value can be one of the following strings -

&rarr; one, two three, four, five, six, seven, eight, nine

Copy after login

The action can be one of the following strings -

&rarr; plus, minus

Copy after login

For example, if we implement the following in the context of a class -

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

Copy after login

then the output should be -

const output = 3;

Copy after login

Output explanation

because the operations that occur are -

1 + 5 - 3 = 3

Copy after login

Example

The following is the code-

Real-time demonstration

const Streak = function() {
   let value = 0;
   const operators = {
      &#39;plus&#39;: (a, b) => a + b,
      &#39;minus&#39;: (a, b) => a - b
   };
   const numbers = [
      &#39;zero&#39;, &#39;one&#39;, &#39;two&#39;, &#39;three&#39;, &#39;four&#39;, &#39;five&#39;,
      &#39;six&#39;, &#39;seven&#39;, &#39;eight&#39;, &#39;nine&#39;
   ];
   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);

Copy after login

Output

The following is the console output-

Copy after login

The above is the detailed content of Create chained action classes in JavaScript. For more information, please follow other related articles on the PHP Chinese website!