Promise를 사용하여 최신 JavaScript 절전 기능을 어떻게 구현할 수 있나요?

JavaScript Sleep에 대한 현대적인 접근 방식: Promise 기반 솔루션 소개

2009년 출시 이후 JavaScript는 상당한 변화를 겪었습니다. 함수 내에서 "실제" 수면을 생성하기 위해 한때 인기를 끌었던 Pausecomp 함수는 시대에 뒤떨어졌습니다. 오늘날에는 보다 효율적이고 다양한 접근 방식이 우리를 기다리고 있습니다.

최신 JavaScript 절전 버전은 Promise의 힘에 의존합니다. 새로운 Promise() 생성자를 사용하면 지정된 밀리초 후에 해결되는 약속을 만들 수 있습니다. wait 키워드를 사용하면 약속이 해결될 때까지 함수 실행을 일시 중지하여 원하는 절전 동작을 효과적으로 달성할 수 있습니다.

업데이트된 코드 조각은 다음과 같습니다.

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

이 함수는 다음을 수행할 수 있습니다. 다양한 방법으로 사용할 수 있습니다:

한 줄짜리:

await new Promise(r => setTimeout(r, 2000));

독립형 함수로:

const sleep = ms => new Promise(r => setTimeout(r, ms));

TypeScript에 입력된 함수로:

const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));

수면 기능을 사용하려면 원하는 시간을 밀리초 후 해결을 기다립니다:

await sleep(2000);

데모:

async function demo() {
    for (let i = 0; i < 5; i++) {
        console.log(`Waiting ${i} seconds...`);
        await sleep(i * 1000);
    }
    console.log('Done');
}

demo();

이 업데이트된 접근 방식은 수면 구현을 단순화할 뿐만 아니라 다음과 같은 현대적이고 효율적인 솔루션을 제공합니다. JavaScript의 비동기적 특성을 활용합니다.

위 내용은 Promise를 사용하여 최신 JavaScript 절전 기능을 어떻게 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!