이벤트루프 & 테스크 큐

{ // 1
  setTimeout(() => {
    console.log("1");
  }, 50);

  setTimeout(() => {
    console.log("2");
  }, 10);

  setTimeout(() => {
    console.log("3");
  }, 0);

  console.log("4");

  for (let i = 0; i < 10000000; i++) {
    JSON.parse('{ "test": "test" }');
  } // 수행시간 약 1s

  setTimeout(() => {
    console.log("5");
  }, 5);

  setTimeout(() => {
    console.log("6");
  }, 1);

  setTimeout(() => {
    console.log("7");
  }, 0);
  
  requestAnimationFrame(() => {
    console.log("8");
  });

  Promise.resolve().then(() => {
    console.log("9");
  });

  console.log("10");

  // [Q] 출력순서?
}
JavaScript
복사

// 3
let i = 0;
while (i < 2) {
setTimeout(() => {
console.log(i);
}, 10);
i++;
}
console.log(i);
// [Q] 출력순서?
JavaScript
복사