>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 setTimeout을 사용하여 약속을 생성하고 관리하는 방법은 무엇입니까?

JavaScript에서 setTimeout을 사용하여 약속을 생성하고 관리하는 방법은 무엇입니까?

Linda Hamilton
Linda Hamilton원래의
2024-12-06 00:27:11711검색

How to Create and Manage Promises Using setTimeout in JavaScript?

setTimeout에서 프라미스를 생성하는 방법>

setTimeout에 대한 기본 프라미스 생성

비동기가 반환될 수 있다는 약속을 만들기 위해 setTimeout 콜백이 실행되면 아래 스니펫에서 볼 수 있듯이 Promise 생성자 내에서 setTimeout 함수를 래핑할 수 있습니다.

<br>function setTimeoutReturnPromise(delay) {<br> return new Promise((resolve ) => {</p>
<pre class="brush:php;toolbar:false">setTimeout(resolve, delay);

});
}

이 함수는 지연을 인수로 사용하고 약속을 반환합니다. Promise는 지정된 지연이 경과한 후 해결되며 setTimeout 함수의 콜백이 실행됩니다.

비동기와 함께 Promise 사용하기

이제 비동기 함수 setTimeoutReturnPromise 함수를 사용하여 반환할 수 있는 약속을 만들 수 있습니다. 이를 통해 setTimeout 콜백이 호출된 후 then() 메서드를 사용하여 코드를 실행할 수 있습니다.

<br>async(function() {<br> setTimeoutReturnPromise(5000).then( () => {</p>
<pre class="brush:php;toolbar:false">console.log("async called back");

});
});

ES2015 이상 업데이트

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.