Promise 체인 내에서 setTimeout()을 사용하면 JSON 구문 분석 오류가 발생하는 이유는 무엇입니까?

프라미스 체인에서 setTimeout() 사용

프라미스 작업 시 비동기 작업을 적절하게 처리하는 방법을 이해하는 것이 중요합니다. 일반적인 문제 중 하나는 Promise 체인 내에서 setTimeout()을 사용하려고 시도하는 것입니다.

제공된 코드 조각에서 목표는 링크 세트를 가져온 다음 첫 번째 링크의 콘텐츠를 가져오는 것입니다. 그러나 다음 Promise 객체를 반환하기 전에 지연을 도입하기 위해 setTimeout() 호출이 사용됩니다. 이로 인해 JSON 구문 분석 오류가 발생합니다.

왜 실패합니까?

Promise 체인 외부에서 setTimeout()을 사용하면 Promise 체인이 계속되지 않습니다. 이 경우 setTimeout() 콜백은 Promise를 반환하지만 이전 Promise에 연결되지는 않습니다. 결과적으로 후속 체인 작업이 실행되지 않습니다.

해결 방법

Promise 체인을 그대로 유지하려면 .then() 핸들러에서 Promise를 반환해야 합니다. setTimeout() 함수는 새로운 Promise로 래핑되어 Promise 체인이 유지되도록 해야 합니다.

예

setTimeout() 호출을 다음 코드로 바꾸세요. :

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

지연 함수는 setTimeout() 호출을 Promise에 래핑하여 이전 Promise에 연결할 수 있도록 합니다.

또는 지연을 사용하여 Promise 객체를 확장할 수도 있습니다. 메소드:

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

Promise에서 .delay(x)를 직접 사용할 수 있습니다:

<code class="js">getLinks('links.txt')
   .then((links) => {
      return getLinks(globalObj["one"] + ".txt");
   })
   .then((topic) => {
      return Promise.resolve(topic).delay(1000);
   })
   .then((topic) => {
      return getLinks(globalObj["two"] + ".txt");
   });</code>

위 내용은 Promise 체인 내에서 setTimeout()을 사용하면 JSON 구문 분석 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!