Introduction détaillée à la boucle d'événement (EventLoop) dans node.js (avec code)

Cet article vous apporte une introduction détaillée à la boucle d'événement (EventLoop) en js (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Préface

Boucle d'événements

Lorsque le processus démarre, Node créera une boucle de ticks utilise l'observateur interne pour voir si des événements doivent être traités et si. alors, supprimez-les. L'événement et sa fonction de rappel associée sont exécutés. Après l'exécution, il entre dans la boucle suivante. S'il n'y en a plus, il quitte le processus.

Eventloop dans le navigateur

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

Il ressort des résultats que les trois types de traitement asynchrone ne bloquent pas l'exécution du code du thread principal, et ajax, fetch et setTimeout exécutent des fonctions de rappel selon l'ordre dans lequel le traitement du code se termine.

eventloop dans Nodejs

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