JavaScript로 연결된 액션 클래스 만들기

PHPz
풀어 주다: 2023-09-17 12:13:08
앞으로
1173명이 탐색했습니다.

在 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
로그인 후 복사

Example

다음은 코드입니다-

실시간 데모

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);
로그인 후 복사

Output

다음은 콘솔 출력입니다-

3
로그인 후 복사

위 내용은 JavaScript로 연결된 액션 클래스 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!