[드림코딩 자바스크립트]비동기의 시작 콜백지옥

https://youtu.be/s1vpVCrT8f4

 

index.js

 

class UserStorage {

  loginUser(id, password, onSuccess, onFailure) {

    setTimeout(() => {

      if (

        (id === "홍길동" && password === "아버지") ||

        (id === "황진이" && password === "청산리")

      ) {

        onSuccess(id);

      } else {

        onFailure(new Error("not found"));

      }

    }, 2000);

  }

  getRoles(user, onSuccess, onFailure) {

    setTimeout(() => {

      if (user === "홍길동") {

        onSuccess({

          name: "홍길동",

          role: "아버지를 아버지라 부르지도 못하고...",

        });

      } else {

        onFailure(new Error("no access!!!"));

      }

    }, 3000);

  }

}

const userStorage = new UserStorage();

const id = prompt("너의 이름은");

const password = prompt("비밀번호는?");

userStorage.loginUser(

  id,

  password,

  (user) => {

    userStorage.getRoles(

      user,

      (userWithRole) => {

        alert(`Hello ${userWithRole.name}, 너의 명대사 ${userWithRole.role}`);

      },

      (error) => {

        console.log(error);

      }

    );

  },

  (error) => {

    console.log(error);

  }

);