How Can I Implement a Sleep Function in Modern JavaScript?

JavaScript's Sleep() Equivalent: A Modern Solution

In JavaScript, the traditional approach to pausing execution has been the pausecomp() function. However, with advancements in the language, a more elegant solution has emerged, leveraging promises and asynchronous programming.

The modern JavaScript alternative to sleep() is a function named sleep(). Here's its definition:

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

This function takes a millisecond duration and returns a promise that resolves after the specified time interval. By using this promise with await, you can effectively pause the execution of your code for the desired period. For instance:

async function example() {
    console.log('Starting example...');
    await sleep(2000); // Pause for 2 seconds
    console.log('Example finished');
}

example();

Alternatively, you can use arrow functions to define a concise version of sleep():

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

Using this version:

async function example() {
    console.log('Starting example...');
    await sleep(2000);
    console.log('Example finished');
}

example();

With this modern approach, you can achieve true asynchronous sleep in JavaScript, pausing the execution of your code and resuming it after the specified duration, without resorting to the legacy pausecomp() function.

The above is the detailed content of How Can I Implement a Sleep Function in Modern JavaScript?. For more information, please follow other related articles on the PHP Chinese website!