setTimeout()을 Promise Chain에 올바르게 통합하는 방법은 무엇입니까?

Promise Chains에서 setTimeout() 사용

Promise로 작업할 때 Promise Chain 내에서 비동기 작업을 처리하는 방법을 이해하는 것이 중요합니다. 주어진 코드 조각에서 의도는 약속 체인의 후속 요청 실행을 지연시키는 것입니다. 그러나 .then() 핸들러 내에서 직접 setTimeout()을 사용하면 문제가 발생할 수 있습니다.

setTimeout()이 실패하는 이유

코드에서 setTimeout()은 두 번째 요청의 .then() 핸들러 내에서 사용됩니다. 그러나 이 접근 방식은 .then() 핸들러의 반환 값이 약속이 아니기 때문에 약속 체인을 깨뜨립니다. 연결하려는 Promise가 포함된 setTimeout() 콜백은 자체 컨텍스트 외부에서는 액세스할 수 없습니다.

지연 함수를 사용하는 솔루션

Promise 체인을 유지하려면 , 약속을 반환하는 별도의 지연 함수를 생성할 수 있습니다:

<code class="javascript">function delay(t, val) {
    return new Promise(resolve => setTimeout(resolve, t, val));
}</code>

그런 다음 약속 체인에서 지연 함수를 사용합니다.

<code class="javascript">return delay(1000).then(function() {
    return getLinks(globalObj["two"] + ".txt");
});</code>

이것은 .then에서 약속을 반환합니다. () 핸들러는 후속 요청의 실행이 지연되도록 합니다.

Promise.prototype.delay를 사용하는 대안

또 다른 옵션은 다음을 사용하여 Promise 객체를 확장하는 것입니다. 지연 메서드:

<code class="javascript">Promise.prototype.delay = function(t) {
    return this.then(function(val) {
        return delay(t, val);
    });
}</code>

이 메서드를 사용하면 Promise에서 .delay()를 직접 호출할 수 있습니다.

<code class="javascript">Promise.resolve("hello").delay(500).then(function(val) {
    console.log(val);
});</code>

두 접근 방식 모두 Promise 체인이 올바르게 유지되고 후속 요청은 지정된 지연 후에 실행됩니다.

위 내용은 setTimeout()을 Promise Chain에 올바르게 통합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!