아래 코드의 결과는 무엇인가요?

const promise = new Promise((resolve, reject) => {
  console.log(1);
  setTimeout(() => {
    console.log("timerStart");
    resolve("success");
    console.log("timerEnd");
  }, 0);
  console.log(2);
});

promise.then((res) => {
  console.log(res);
});

console.log(4);

분석

Junior JS 코더에게 친근하게 접근하려면 이 질문은 적절하지 않습니다.

JavaScript의 핵심 기능 중 하나는 비동기 프로그래밍입니다. 인터프리터는 항상 동기 코드를 먼저 실행한 후 비동기 코드를 실행합니다.

예를들어, 다음 코드에서:

console.log("start");

const promise1 = new Promise((resolve, reject) => {
  console.log(1);
  resolve(2);
});
promise1.then((res) => {
  console.log(res);
});
console.log("end");

promise1.then()은 비동기 함수 호출입니다.

So the output is start, 1, end, and 2.

But in JavaScript, asynchronous tasks are also divided into microtasks and macrotasks.

We generally divide vehicles into two categories:

일반 차량
화재 차량 및 응급 구조 차량 등 응급 임무를 위한 차량.

혼잡한 교차로를 통과할 때, 우리는 화재 차량과 응급 구조 차량이 먼저 통과하도록 허용할 것입니다. 응급 차량은 다른 차량보다 우선권이 높습니다. 키워드: 우선순위.

JavaScript EventLoop에도 우선순위 개념이 있습니다.

더 높은 우선 순위를 가지는 작업은 마이크로태스크라고 합니다. 이에 포함된 것은 Promise, ObjectObserver, MutationObserver, process.nextTick, async/await 등입니다.
더 낮은 우선 순위를 가지는 작업은 마크로태스크라고 합니다. 이에 포함된 것은 setTimeout, setInterval 및 XHR 등입니다.

다음 코드 스니펫에서:

console.log("start");

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