[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();

좋은 웹페이지 즐겨찾기