JS 비동기 프로 그래 밍 수기

1637 단어
Promise 대상 은 비동기 프로 그래 밍 의 해결 방안 으로 전통 적 인 해결 방안 인 리 턴 함수 와 사건 보다 더욱 합 리 적 이 고 강력 합 니 다.
Promise 대상 은 비동기 작업 을 대표 합 니 다. 세 가지 상태 가 있 습 니 다. Pending (진행 중), Resolved (완료 되 었 습 니 다. Fulfilled) 와 Rejected (실패) 입 니 다.
기본 용법
var promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/*        */){
    resolve(value);
  } else {
    reject(error);
  }
}).then(function(value) {
  // success
}, function(error) {
  // failure
});;

Promise 구조 함 수 는 하나의 함 수 를 매개 변수 로 받 아들 이 는데 이 함수 의 두 매개 변 수 는 각각 resolvereject 이다.
  • resolve 는 Promise 대상 의 상 태 를 '미 완성' 에서 '성공' (즉, Pending 에서 Resolved 로) 으로 바 꾸 고 비동기 작업 이 성공 할 때 호출 하 며 비동기 작업 결 과 를 매개 변수 로 전달 합 니 다
  • reject 는 Promise 대상 의 상 태 를 '미 완성' 에서 '실패' (즉 Pending 에서 Rejected) 로 바 꾸 고, 비동기 작업 이 실 패 했 을 때 호출 하 며, 비동기 작업 이 보고 한 오 류 를 매개 변수 로 전달한다.

  • then 방법 은 두 개의 반전 함 수 를 매개 변수 로 받 아들 일 수 있 습 니 다.첫 번 째 리 셋 함 수 는 Promise 대상 의 상태 가 Resolved 로 바 뀌 었 을 때 호출 되 고, 두 번 째 리 셋 함 수 는 Promise 대상 의 상태 가 Reject 로 바 뀌 었 을 때 호출 됩 니 다.그 중에서 두 번 째 함 수 는 선택 할 수 있 는 것 이 므 로 반드시 제공 해 야 하 는 것 은 아니다.이 두 함 수 는 모두 Promise 대상 이 전달 하 는 값 을 매개 변수 로 받 아들 입 니 다.
    then 방법 은 새로운 Promise 인 스 턴 스 를 되 돌려 줍 니 다.따라서 체인 식 표기 법, 즉 then 방법 뒤에 다른 then 방법 을 호출 할 수 있다.
    Promise.prototype.catch()
    Promise. prototype. catch 방법 은. then (null, rejection) 의 별명 으로 오류 가 발생 했 을 때의 반전 함 수 를 지정 합 니 다.
    getJSON("/posts.json").then(function(posts) {
      // ...
    }).catch(function(error) {
      //    getJSON                  
      console.log('    !', error);
    });
    

    좋은 웹페이지 즐겨찾기