JavaScriptイベントのリリース/購読モードの原理と使い方の分析


本論文の実例は、JavaScriptイベントのリリース/購読モードの原理と使い方を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
1、リリース/購読モードも多くの設計モードの一つである。
2、この方式はes 5の下でかなり優雅に非同期操作を処理できます。
3、何が発行/購読ですか?栗を挙げます。
fn 1,fn 2,fn 3はいずれもイベントのリリース者として見なされ、実行されると、イベントがリリースされると仮定する。この時、私達は一つのイベントの購読者を通して、それらの順序を含めてこれらのイベントを大量に購読して処理することができます。メッセージ購読者を追加する方法:

class AsyncFunArr {
 constructor (...arr) {
  this.funcArr = [...arr]
 }
 next () {
  const fn = this.funcArr.shift()
  if (typeof fn === 'function') fn()
 }
 run () {
  this.next()
 }
}

4、呼び出し

//   fn1,fn2,fn3  
const asyncFunArr = new AsyncFunArr(fn1, fn2, fn3)
//fn1,fn2,fn3          next()  :
function fn1 () {
 console.log('Function 1')
 asyncFunArr.next()
}
function fn2 () {
 setTimeout(() => {
  console.log('Function 2')
  asyncFunArr.next()
 }, 500)
}
function fn3 () {
 console.log('Function 3')
 asyncFunArr.next()
}

5、出力:
//Function 1
//Function 2
//Function 3
6、まとめ:
上記の方法により、非同期要求データなど多くのことが実現される。
7、参考資料:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/constructor
もっと多くのJavaScriptに関する内容は当駅のテーマを調べられます。「javascript対象向け入門教程」、「JavaScript切替特効とテクニックのまとめ」、「JavaScript検索アルゴリズムのテクニックのまとめ」、「JavaScriptエラーとデバッグテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」、「JavaScriptはアルゴリズムと技術の総括を遍歴します。」および「JavaScript数学演算の使い方のまとめ
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。