[javascript] 단지 콜백을 약속하지 않습니까?

예, 약속은 비동기 콜백입니다. 콜백으로 수행 할 수없는 작업을 수행 할 수 없으며 일반 콜백과 동일한 비동기 문제가 발생합니다.

그러나 약속은 더 다만 콜백 이상. 그것들은 매우 강력한 추상화이며 오류가 발생하기 쉬운 상용구로 깨끗하고 더 나은 기능 코드를 허용합니다.

그래서 주요 아이디어는 무엇입니까?

약속은 단일 (비동기) 계산 결과를 나타내는 객체입니다. 그들은 그 결과를 한 번만 해결 합니다 . 이것이 의미하는 것이 몇 가지 있습니다.

약속은 관찰자 패턴을 구현합니다.

• 작업이 완료되기 전에 값을 사용할 콜백을 알 필요가 없습니다.
• 콜백을 함수의 인수로 기대하지 return않고 Promise 객체를 쉽게 만들 수 있습니다 .
• 약속은 값을 저장하며 언제든지 원할 때 투명하게 콜백을 추가 할 수 있습니다 . 결과가 나오면 호출됩니다. “투명도”는 약속이 있고 콜백을 추가 할 때 결과가 아직 도착했는지 여부에 상관없이 코드에 영향을 미치지 않음을 의미합니다. API와 계약이 동일하여 캐싱 / 메모 레이션을 크게 단순화합니다.
• 여러 개의 콜백을 쉽게 추가 할 수 있습니다

약속은 체인 가능하다 ( 모나드 , 당신이 원하는 경우 ) :

• 약속이 나타내는 값을 변환해야하는 경우 약속에 대해 변환 함수 를 맵핑 하고 변환 된 결과를 나타내는 새 약속을 다시 가져옵니다. 어떻게 든 사용하기 위해 동 기적으로 값을 얻을 수는 없지만 쉽게 들어 올릴 수 있습니다 약속 컨텍스트에서 변환을 . 상용구 콜백이 없습니다.
• 두 개의 비동기 작업을 연결하려는 경우이 .then()방법을 사용할 수 있습니다 . 첫 번째 결과로 콜백을 호출하고 콜백이 리턴 한 약속의 결과에 대한 약속을 리턴합니다.

복잡한 소리? 코드 예제를위한 시간입니다.

var p1 = api1(); // returning a promise
var p3 = p1.then(function(api1Result) {
    var p2 = api2(); // returning a promise
    return p2; // The result of p2 …
}); // … becomes the result of p3

// So it does not make a difference whether you write
api1().then(function(api1Result) {
    return api2().then(console.log)
})
// or the flattened version
api1().then(function(api1Result) {
    return api2();
}).then(console.log)

평탄화는 마술처럼 나오지 않지만 쉽게 할 수 있습니다. 많이 중첩 된 예제의 경우 (거의) 동등한 것은

api1().then(api2).then(api3).then(/* do-work-callback */);

이러한 메소드의 코드를 이해하면 이해하는 데 도움이 될 것입니다. 여기 몇 줄로 된 가장 기본적인 promise lib가 있습니다 .

약속에 대한 큰 소란은 무엇입니까?

Promise 추상화는 기능의 구성 성을 훨씬 향상시킵니다. 예를 들어, then체인 옆에 있는 all함수는 여러 병렬 대기 약속의 결합 결과에 대한 약속을 만듭니다.

마지막으로 약속에는 통합 오류 처리가 제공됩니다. 계산의 결과는 약속이 가치 로 이행 되거나 이유로 거부 되는 것일 수 있습니다 . 모든 컴포지션 함수는 이것을 자동으로 처리하고 약속 체인에서 오류를 전파하므로 일반 콜백 구현과 달리 어디서나 명시 적으로 신경 쓰지 않아도됩니다. 결국, 발생한 모든 예외에 대해 전용 오류 콜백을 추가 할 수 있습니다.

사물을 약속으로 바꾸어야한다는 것은 말할 것도 없습니다.

실제로 좋은 약속 라이브러리를 사용하는 것은 쉽지 않습니다. 기존 콜백 API를 약속으로 변환하는 방법을 참조하십시오 .

답변

api().then(result => api2()).then(result2 => api3()).then(result3 => console.log(result3))

api().then(api2).then(api3).then(r3 => console.log(r3))

async function callApis() {
    let api1Result = await api();
    let api2Result = await api2(api1Result);
    let api3Result = await api3(api2Result);

    return api3Result;
}

// Sequentially:
api1()
  .then(r1 => api2(r1))
  .then(r2 => api3(r2))
  .then(r3 => {
      // Done
  });

// Parallel:
Promise.all([
    api1(),
    api2(),
    api3()
]).then(([r1, r2, r3]) => {
    // Done
});