[JavaScript] 콜백 지옥 (2)
·
FE/JavaScript
Promise 객체의 등장문제점기존 콜백함수의 경우, 중첩해서 사용하게 되면 가독성이 매우 떨어짐 (콜백 지옥)좀 더 가독성이 좋은 방법은 없을까 ? -> Promise 객체의 등장특징resolve, reject 함수를 인자로 갖는 함수를 인자로 가짐then의 return 값 또한 Promise 객체임resolve조건이 성공되었을 때 반환하는 콜백함수then에서 전달해준 함수가 들어감reject조건이 실패하였을 때 반환하는 콜백함수catch에서 전달해준 함수가 들어감// Resolve - 성공했을 때 반환하는 콜백함수// reject - 실패했을 때 반환하는 콜백함수// then 함수의 인자는 여기서 1개 -> 데이터 타입이 함수 -> 그 함수의 인자가 data// then에서 전달해준 함수가 resol..
[JavaScript] 콜백 지옥 (1)
·
FE/JavaScript
자바스크립트 콜백 함수함수의 인자로 콜백 함수를 줘서 비동기 처리가 아닌, 전 함수의 값을 받아 다음 함수를 실행하는 순차적 처리가 하고 싶은 경우에 사용 목적비동기로 오는 Task들을 같이 넣어줘서 동기적으로 Serialized 된 방식으로 Task를 처리하기 위해서 사용사용자 입장에서는 비동기 방식이지만, 작업자(컴퓨터) 입장에서는 동기적으로 처리하는 것과 같음Point함수를 하나의 데이터 타입으로 바라보자 ! 예시 1 흐름(data) => {}data를 인자로 가지는 callbackFn을 fastFunction의 인자로 보냄 -> fastFunction 함수 진입fastFunction() setTimeout이 실행이되고 data, callbackFn모두 Background로 가서 1초(1000ms)..