高性能 JavaScript のためのイベント ループをマスターする

console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve().then(() => console.log('3'));
console.log('4');
// Output: 1, 4, 3, 2

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  return response.json();
}

const debounce = (fn, delay) => {
  let timeoutId;
  return (...args) => {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => fn(...args), delay);
  };
};

const worker = new Worker('heavy-calculation.js');
worker.postMessage({data: complexData});
worker.onmessage = (event) => console.log(event.data);

performance.mark('start');
// Code to measure
performance.mark('end');
performance.measure('My operation', 'start', 'end');