Callback Hell이 열리게 됐을 때 Callback 관리는 효율적으로 하자.
직관적인 코드를 짜보자. 해서 등장한 것.
function callAjax() {
return new Promise(function(resolve, reject) {
$.ajax({
url: 'https://api.hnpwa.com/v0/news/1.json',
success: function(data) {
// 성공 처리
resolve(data);
}
});
});
}
function fetchData() {
var result = [];
// Promise 객체 반환
callAjax()
// 성공시 resolve
.then(function(data){
console.log('데이터 호출 결과', data);
result = data;
console.log('함수 결과', result);
}
}
fetchData();