콜백과 콜백지옥

콜백 패턴

const a = callback => {
    setTimeout(()=>{
        console.log(1);
        callback();
    },1000)
}
const b = callback => {
    setTimeout(()=>{
        console.log(2);
        callback();
    },1000)
}
const c = callback => {
    setTimeout(()=>{
        console.log(3);
        callback();
    },1000)
}
const d = () => console.log(4);

a(()=>{
    b(()=>{
        c(()=>{
            d()
        })
    })
})

결과가 1초씩 순서대로 출력된다.

• 실행의 순서는 보장했지만 들여쓰기 형태로 파고들어가므로 , 코드가 많아지면 읽고 관리하기가 쉽지 않다는 단점이 있다.