>웹 프론트엔드 >JS 튜토리얼 >JavaScript로 연결된 액션 클래스 만들기

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

PHPz
PHPz앞으로
2023-09-17 12:13:081211검색

在 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으로 문의하시기 바랍니다. 삭제