Bagaimanakah Saya Boleh Melaksanakan Fungsi Tidur dalam JavaScript?

Memahami Fungsi Tidur JavaScript

Tidak seperti bahasa pengaturcaraan lain, JavaScript tidak mempunyai fungsi sleep() asli untuk menjeda pelaksanaan. Walau bagaimanapun, mengejar mekanisme tidur sebenar dalam JavaScript telah membawa kepada kemunculan pelbagai teknik.

Fungsi Jeda: Percubaan Awal

Salah satu percubaan sedemikian ialah pausecomp fungsi, yang memperkenalkan kaedah kasar untuk mendorong jeda dengan menyemak masa sistem semasa secara manual terhadap cap masa awal. Walaupun ia memenuhi tujuannya pada zamannya, kemajuan berikutnya telah menjadikannya ketinggalan zaman.

Penyelesaian JavaScript Moden: Janji dan Async/Await

Hari ini, pendekatan yang disyorkan untuk melaksanakan tidur dalam JavaScript memanfaatkan Janji dan sintaks async/menunggu. Pendekatan ini menawarkan penyelesaian yang bersih dan mudah:

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

Untuk menggunakan fungsi ini:

await sleep(2000); // Pauses execution for 2 seconds

Faedah Pendekatan Moden

Moden pendekatan memberikan beberapa kelebihan berbanding sebelumnya kaedah:

• Kesederhanaan: Fungsi sleep() berasaskan Promise mudah dilaksanakan dan difahami.
• Fleksibiliti: Ia membolehkan anda untuk menentukan tempoh jeda tepat.
• Async/Await: Dengan menggunakan async/wait, anda boleh menggunakan fungsi sleep() dengan lancar dalam kod tak segerak, menjadikannya tidak menyekat.

Contoh Penggunaan

Berikut adalah demonstrasi fungsi sleep() dalam tindakan:

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

demo();

Kod ini mensimulasikan fungsi tidur, dengan setiap lelaran menunggu beberapa saat yang semakin meningkat sebelum mencetak mesej "Menunggu" dan akhirnya mengelog "Selesai."

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Fungsi Tidur dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!