Detaillierte Einführung in die Ereignisschleife (EventLoop) in node.js (mit Code)

Dieser Artikel bietet Ihnen eine detaillierte Einführung in die Ereignisschleife (EventLoop) in js (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

Vorwort

Bevor wir Eventloop lernen, müssen wir den einzelnen Thread und die Asynchronität von js überprüfen.
Obwohl js Single-Threaded ist, wird es im Browser und Node entsprechend verarbeitet. Wie Web-Worker (Worker-Threads) in Browsern und child_process (untergeordnete Prozesse) in Node. Ihre Entstehung hat die Zerlegung großer Rechenmengen erleichtert.

Ereignisschleife

Wenn der Prozess beginnt, erstellt Node eine Tick-Schleife. Jede Tick-Schleife verwendet den internen Beobachter, um zu sehen, ob Ereignisse verarbeitet werden müssen Nehmen Sie sie also heraus und führen Sie sie nach der Ausführung in die nächste Schleife aus.

Ereignisschleife im Browser

Fügen Sie asynchrone Ereignisse in den Arbeitsthread im Browser ein, um das Rendern der Haupt-Thread-Benutzeroberfläche nicht zu blockieren

  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;)

Es Aus den Ergebnissen ist ersichtlich, dass die drei Arten der asynchronen Verarbeitung die Ausführung des Haupt-Thread-Codes nicht blockieren und Ajax, Fetch und SetTimeout die Rückruffunktionen entsprechend der Reihenfolge ausführen, in der die Codeverarbeitung endet.

Ereignisschleife in Nodejs

Die Ereignisschleife in Node wird entsprechend der Priorität des Beobachters ausgeführt.nextTick -> setImmediate

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('正常执行')

Zusammenfassung

Die Ausführungseigenschaften der Ereignisschleife ergeben sich aus der Verwendung eines einzelnen Threads, weg von Multi-Thread-Deadlock, Zustandssynchronisation und anderen Problemen asynchron, um zu verhindern, dass ein einzelner Thread blockiert, um die CPU besser zu nutzen.

Verwandte Empfehlungen:

Details zum JavaScript-Ereignisschleifenmechanismus – Vorlesung 2

Detailliertes Verständnis von Node.js-Ereignisschleife und Rückruffunktion

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Ereignisschleife (EventLoop) in node.js (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript node.js ajax 回调函数 循环 线程 多线程 主线程 JS 事件 异步 ui

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn