[vue-news] API 구현 - 자바스크립트 비동기 처리(2) - Promise
💻 Promise
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();
Author And Source
이 문제에 관하여([vue-news] API 구현 - 자바스크립트 비동기 처리(2) - Promise), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@aranparrk/vue-news-API-구현-자바스크립트-비동기-처리2-Promise저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)