Rääkige erilisest juhtumist, kus setTimeout…

setTimeout(callback, 0) asetab callback makrotööde järjekorda (macrotask queue). callback sees olev kood täidetakse pärast seda, kui praegune kutsungijärk on tühi ja järgnev makrotööde tsükkel event loopis algab.

Peamised kasutusstsenaariumid:

Hilinenud täitmine pärast renderdamist: võimaldab käivitada koodi pärast seda, kui brauser on töötlenud DOM-i praeguseid muudatusi.

// DOM elemendi muutmine
element.textContent = 'Uus tekst';

// Hilinenud tegevus, mis sõltub uuendatud DOM-ist
setTimeout(() => {
  console.log('DOM uuendatud, saab töötada uue olekuga');
}, 0);

Pikkade operatsioonide jagamine: aitab vältida põhijoonel blokeerimist, jagades pikad arvutused väiksemateks osadeks, mis täidetakse eraldi mikrotöödena (macrotasks).

function processLargeData(data) {
  let i = 0;
  function processChunk() {
    const chunkSize = 1000;
    const end = Math.min(i + chunkSize, data.length);

    // Andmete osa töötlemine
    for (let j = i; j < end; j++) {
      // tee midagi data[j]-ga
    }

    i = end;
    if (i < data.length) {
      // jäta järgmine osa
      setTimeout(processChunk, 0);
    } else {
      console.log('Töötlus lõpetatud');
    }
  }
  processChunk();
}

Täitmise üleandmine pärast põhiskripti täitmist: tagab, et teatud kood täidetakse pärast seda, kui praegune skript on täielikult initsialiseeritud ja kõik sünkroonsed toimingud on tehtud.

console.log('Skripti algus');

setTimeout(() => {
  console.log('Täidetakse pärast põhiskripti');
}, 0);

console.log('Skripti lõpp');
// Tulemus:
// Skripti algus
// Skripti lõpp
// Täidetakse pärast põhiskripti

Oluline on mõista, et nulli viivitus ei tähenda kohest täitmist. Täitmise aeg sõltub event loopi koormusest ja teistest järjekorras olevatest ülesannetest (eriti mikrotöödest).

Rääkige erilisest juhtumist, kus setTimeout funktsiooni kasutatakse nulli viivitusega.