Node.js のイベントループ (EventLoop) の詳細な紹介 (コード付き)-jsチュートリアル-php.cn

Node.js のイベントループ (EventLoop) の詳細な紹介 (コード付き)

不言

リリース： 2018-08-20 09:53:22

オリジナル

1560 人が閲覧しました

この記事では、js でのイベントループ (EventLoop) について詳しく説明します (コード付き)。必要な方は参考にしていただければ幸いです。

まえがき

イベントループを学ぶ前に、js のシングルスレッドと非同期性について復習する必要があります。
js はシングルスレッドですが、ブラウザーと Node.js で適切に処理されます。ブラウザーの Web ワーカー (ワーカースレッド) や Node の child_process (子プロセス) などです。それらの出現により、大量の計算の分解が容易になりました。

イベントループ

プロセスが開始されると、Node は内部オブザーバーを使用して、処理する必要のあるイベントがあるかどうかを確認し、イベントとそれに関連するコールバック関数を作成します。実行のために取り出された後、次のループに入り、それ以上ない場合はプロセスを終了します。

ブラウザのイベントループ

メインスレッドUIのレンダリングをブロックしないように、ブラウザのワーカースレッドに非同期イベントを入れます

  console.log('进程开始')
  const ajax = new XMLHttpRequest()
  ajax.addEventListener('load', () => {
    console.log('load')
  })
  ajax.addEventListener('loadend', () => {
    if (ajax.readyState == 4 && ajax.status == 200) {
      console.log('ajax success')
  　　　　} else {
      console.log('ajax success')
  　　　　}
  })
  ajax.open('get', 'http://localhost/study/html/vue.js')
  ajax.send()
  setTimeout(() => {
    console.log('setTimeout')
  }, 300)
  fetch('http://localhost/study/html/demo.json',{
    headers: {
      'content-type': 'application/json'
    }
  }).then(res => {
    console.log('fetch')
  })
  let i = 0
  while(i < 10000) {
    i++
  }
  console.log(i)
  console.log(&#39;进程结束&#39;)

ログイン後にコピー

結果から、3つの非同期プロセスが実行をブロックしていないことがわかりますajax、fetch、setTimeout はコード処理が終了した順序に従ってコールバック関数を実行します。

Nodejsのeventloop

Node内のイベントループはオブザーバーの優先度に従って実行されます

setTimeout(() => {
  console.log('setTimeout')
}, 0)
setImmediate(() => {
  console.log('setImmediate1')
  process.nextTick(() => {
    console.log('setImmediate1 插入nextTick')
  })
})
setImmediate(() => {
  console.log('setImmediate2')
})
process.nextTick(() => {
  setTimeout(() => {
    console.log('nextTick1 setTimeout')
  }, 100)
  console.log('nextTick1')
})
process.nextTick(() => {
  console.log('nextTick2')
})
console.log('正常执行')

ログイン後にコピー