ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で連鎖アクション クラスを作成する

JavaScript で連鎖アクション クラスを作成する

PHPz
リリース: 2023-09-17 12:13:08
転載
1225 人が閲覧しました

在 JavaScript 中创建链式操作类

質問

values に関連付けることができるユーザー定義のデータ型 Streak を JavaScript で作成する必要があります。アクション 任意のスコープへのリンク 强> または

値は次の文字列のいずれかになります -

→ 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);
ログイン後にコピー

出力

以下はコンソール出力-

3
ログイン後にコピー

以上がJavaScript で連鎖アクション クラスを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート