js シンプルで粗雑なパブリッシュとサブスクライブのサンプルコード

クラス Publish {
 コンストラクタ() {
  このリストマップは {} です。
 }
	// サブスクライブ on(key, fn) {
  this.listMap[キー]
   ? this.listMap[キー].push(fn)
   : this.listMap[キー] = [fn];
   
		// サブスクリプションの添字を保存します fn const index = this.listMap[key].length - 1;
  
		// 購読解除関数を返す
  return () => this.clear(key, index);
 }
 
	// このキーへのすべてのサブスクリプションをキャンセルします off(key) {
  this.listMap[キー]を削除します。
 }
 
	// キーで指定されたサブスクリプションをキャンセルする clear(key, index) {
  インデックス === this.listMap[キー].長さ - 1
   ? this.listMap[キー].pop()
   : this.listMap[キー][インデックス] = null;
 }
 
	//一度購読し、トリガー後に自動的に購読を解除する once(key, fn) {
  this.on(キー、(...残り) => {
   fn(...残り);
   this.off(キー);
  });
 }

	// キーを公開
 トリガー(キー、...残り) {
 	if(this.listMapのキー) {
	 	this.listMap[キー].forEach(fn => {
	   fn(...残り);
	  });
 	}
 }
}

ob = new Publish();

//サブ1を購読する
定数sub1 = ob.on('sub1', (a, b) => {
 コンソールにログ出力します。
});

//サブ1を購読する
定数sub11 = ob.on('sub1', (a, b) => {
 コンソールにログ出力します。
});

ob.trigger('sub1', 2, 3);

// サブ1 から登録解除
サブ1();

// サブ11 から登録解除
サブ11();

//sub3 を購読する
ob.on('sub3', (a, b) => {
 コンソールにログ出力します。
});

//sub3 を購読する
ob.on('sub3', (a, b) => {
 コンソールにログ出力します。
});

ob.trigger('sub3', 6, 7);

// すべてのサブ3から登録解除
ob.off('sub3');

// 一度購読し、自動的に購読解除する ob.once('sub4', (a, b) => {
 コンソールにログ出力します。
});

ob.trigger('sub4', 8, 9);