首页 > web前端 > js教程 > 在 JavaScript 中创建链式操作类

在 JavaScript 中创建链式操作类

PHPz
发布: 2023-09-17 12:13:08
转载
1207 人浏览过

在 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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板