首頁 > web前端 > js教程 > 在 JavaScript 中建立鍊式操作類

在 JavaScript 中建立鍊式操作類

PHPz
發布: 2023-09-17 12:13:08
轉載
1227 人瀏覽過

在 JavaScript 中创建链式操作类

問題

我們應該在JavaScript 中建立一個使用者定義的資料類型Streak,它可以與操作連結到任意範圍强>或

該值可以是以下字串之一-

→ one, two three, four, five, six, seven, eight, nine
登入後複製

操作可以是以下字串之一-

→ plus, minus
登入後複製

例如,如果我們在類別的上下文中實現以下內容-

Streak.one.plus.five.minus.three;
登入後複製

那麼輸出應該是-

const output = 3;
登入後複製

輸出解釋

因為發生的操作是-

1 + 5 - 3 = 3
登入後複製

範例

以下是程式碼-

 即時示範

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);
登入後複製

輸出

以下是控制台輸出-

3
登入後複製

以上是在 JavaScript 中建立鍊式操作類的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板