비동기가 반환될 수 있다는 약속을 만들기 위해 setTimeout 콜백이 실행되면 아래 스니펫에서 볼 수 있듯이 Promise 생성자 내에서 setTimeout 함수를 래핑할 수 있습니다.
<br>function setTimeoutReturnPromise(delay) {<br> return new Promise((resolve ) => {</p> <pre class="brush:php;toolbar:false">setTimeout(resolve, delay);
});
}
이 함수는 지연을 인수로 사용하고 약속을 반환합니다. Promise는 지정된 지연이 경과한 후 해결되며 setTimeout 함수의 콜백이 실행됩니다.
이제 비동기 함수 setTimeoutReturnPromise 함수를 사용하여 반환할 수 있는 약속을 만들 수 있습니다. 이를 통해 setTimeout 콜백이 호출된 후 then() 메서드를 사용하여 코드를 실행할 수 있습니다.
<br>async(function() {<br> setTimeoutReturnPromise(5000).then( () => {</p> <pre class="brush:php;toolbar:false">console.log("async called back");
});
});
ES2015와 최신 JavaScript가 도입된 이후 약속이 내장되었습니다. 특징. 아래와 같이 구문이 단순화되었습니다.
<br>function later(delay) {<br> return new Promise((resolve) => {</p> <pre class="brush:php;toolbar:false">setTimeout(resolve, delay);
});
}
화살표 함수와 선택적 해상도 값 인수를 사용하면 코드를 더욱 압축할 수 있습니다.
<br>const later = (지연, 값) => new Promise(resolve => setTimeout(resolve, Delay, value));<br>
시간 초과를 취소하려면 Promise 및 취소가 포함된 객체를 반환하면 됩니다. 방법:
<사전>
const later = (지연, 값) => {
타이머 = 0;
거부 = null;
const promise = new Promise((resolve, _reject) => {
reject = _reject; timer = setTimeout(resolve, delay, value);
});
반품 {
get promise() { return promise; }, cancel() { if (timer) { clearTimeout(timer); timer = 0; reject(); reject = null; } }
};
};
이 접근 방식을 사용하면 cancel() 메서드를 사용하여 제한 시간을 취소하고 Promise를 거부할 수 있습니다.
위 내용은 JavaScript에서 setTimeout을 사용하여 약속을 생성하고 관리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!