ch45-문제.md

Chapter45

📌문제1

true or false를 판단하세요.

(1) 비동기 함수 내부의 비동기로 동작하는 코드는 비동기 함수가 종료된 이후에 완료된다.
(2) settled 상태에서 비동기 처리가 수행 성공되면 resolve 함수를 호출하여 프로미스를 fulfilled 상태로 변경한다.
(3) 에러 처리는 catch 메서드보다 then 메서드의 두 번째 콜백 함수를 사용하는 것이 더 권장된다.

답안 작성

(1) 
(2) 
(3) 

📌문제2

다음 코드 중, catch 코드 블록에서 에러 캐치가 되지 않는 설명하세요.

try {
  setTimeout(() => {
    throw new Error("Error!");
  }, 100);
} catch (e) {
    // 에러 캐치X
  console.error("캐치한 에러", e);
}

답안 작성

📌문제3

다음 코드의 출력 순서를 작성하세요.

setTimeout(() => console.log(1), 0); // (1)

Promise.resolve()
  .then(() => console.log(2)) // (2)
  .then(() => console.log(3)); // (3)

답안 작성

📌문제4

비동기 처리를 위해 콜백함수 패턴의 단점에대해 작성하세요.

답안 작성

(1)
(2)

📌문제5

(1)error를 캐치할 수 있도록 바꿔보세요.

try {
        setTimeout(() => {
          throw new Error("error");
        }, 1000);
      } catch (error) {
        console.log(error);
      }

(2) error가 출력되는 위치를 예측해보세요.

		const f1 = () => {
        throw new Error("f1 error");
        console.log("f1");
      };

      const f2 = () => {
        try {
          console.log("f2");
          f1();
        } catch (error) {
          console.log(error); // (2-1)
        }
      };

      try {
        f2();
      } catch (error) {
        console.log(error); // (2-2)
      }

답안 작성

(1)
(2-1)
(2-2)

📌문제6

출력결과를 예측해주세요

const promise1 = new Promise((resolve) =>
        setTimeout(() => {
          resolve("promise1");
        }, 1000)
      );

      const promise2 = Promise.resolve(() => {
        setTimeout(() => {
          resolve("promise1");
        }, 1000);
      });

      console.log(promise1); // (1)
      console.log(promise2); // (2)
      promise1.then((res) => console.log(res)); // (3)
      promise2.then((res) => console.log(res)); // (4)

답안 작성

(1)
(2)
(3)
(4)

📌문제7

다음 실행 결과를 서술하고, 결과의 이유를 이야기해주세요.

try {
	setTimeout(() => {throw new Error('error');}, 0);
} catch (e) {
	console.error('에러 캐치', e);
}

답안 작성

📌문제8

true or false를 고르시오

(1) then 메서드는 두 개의 콜백 함수를 인수로 전달받고, 만약 콜백 함수에서 프로미스가 아닌 값을 반환하면 암묵적으로 프로미스 객체를 생성해서 반환한다. 
(2)프로미스는 콜백 함수와 달리 콜백 패턴을 사용하지 않기 때문에 콜백 헬이 일어나지 않는다.
(3) Promise.all은 Promise.race와 달리 메서드에 전달된 프로미스 중 하나 이상이
 reject 상태가 되더라도 모두 실행이 끝나야지 프로미스를 반환한다. 

답안 작성

📌문제9

다음 예제의 출력 결과를 작성하시오

setTimeout(() => console.log(1), 0);
Promise.resolve()
.then(() => setTimeout(() => console.log(2), 0))
.then(() => console.log(3));

답안 작성

📌문제10

다음 코드를 실행하였을 때, 출력 결과를 작성하시오.

new Promise((resolve, reject) => setTimeout(() => resolve('abc'), 1000))
  .then(res => console.log(`${res} then`))
  .catch(res => console.log(`${res} catch`))
  .finally(res => console.log(`${res} finally`));

답안 작성

📌문제11

다음 교재에서 보여준 예시와 함께 fetch함수를 사용할 때 주의해야할 점을 작성하시오.

const wrongUrl = 'https://jsonplaceholder.typicode.com/XXX/1';

fetch(wrongUrl)
  .then(() => console.log('ok'))
  .catch(() => console.log('error'));

답안 작성

📌문제12

교재에서 명시한 마이크로태스크 큐에 대해서 무엇인지 태스크 큐와 비교하여 간단히 작성하시오.

답안 작성