Rumah >hujung hadapan web >tutorial js >Apakah Maksud SetTimeout(..., ) Sebenarnya dalam JavaScript? (Gelung Acara Diterangkan!)
Baiklah, mari pecahkan keseluruhan setTimeout ini dengan 0ms. Pada pandangan pertama, anda akan fikir, "Bro, 0ms bermakna ia akan berjalan serta-merta, bukan?" Tetapi JavaScript mempunyai getaran tersendiri dan 0ms tidak secepat yang anda jangkakan. Mari kita fikirkan perkara ini bersama-sama.
Berikut ialah kod yang kami bedah:
const promise = new Promise((resolve, reject) => { console.log(1); setTimeout(() => { console.log("timerStart"); resolve("success"); console.log("timerEnd"); }, 0); console.log(2); }); promise.then((res) => { console.log(res); }) console.log(4);
Dan outputnya?
1 2 4 timerStart success timerEnd
Apabila anda melihat setTimeout(() => { ... }, 0), rasanya kod di dalamnya akan dijalankan sejurus selepas 0ms. Tetapi tidak, JavaScript adalah seperti, "Bro, saya mempunyai sistem saya sendiri, tunggu giliran anda!"
JavaScript bukan sahaja menjalankan kod secara langsung—ia mempunyai sistem hebat yang dipanggil gelung peristiwa untuk mengendalikan tugas. Fikirkan seperti ini:
Tugas utama (Segerak):
Perkara seperti console.log() dijalankan dahulu. Ini adalah tugas langsung, di hadapan anda.
Microtasks (Janji):
Janji datang seterusnya, walaupun sebelum pemasa. Ia seperti mereka mendapat tiket VIP.
Baris gilir tugas (Pemasa seperti setTimeout):
Pemasa pergi ke belakang baris dan hanya berjalan selepas tugasan mikro selesai. Walaupun anda memberinya 0ms, ia menunggu.
Mari lihat apa yang berlaku langkah demi langkah:
Janji Dicipta:
Janji .then():
console.log(4):
Microtask Runs (VIP):
Baris Gilir Tugas Berjalan:
Walaupun anda mengatakan 0ms, setTimeout adalah sentiasa ditangguhkan. JavaScript menolaknya ke baris gilir tugas, tidak kira apa. Sistem terlebih dahulu mengosongkan semua tugasan segerak dan tugasan mikro (janji) sebelum menyentuh baris gilir tugas.
Jadi, secara ringkasnya:
0ms bukan mengenai masa—ia lebih kurang menunggu giliran anda.
Bayangkan anda berada dalam barisan untuk menaiki rollercoaster:
Berikut ialah susunan acara dalam kod kami:
Memahami cara 0ms benar-benar berfungsi membantu anda menulis kod tak segerak yang lebih baik. Ia juga merupakan helah hebat untuk menerangkan kepada rakan anda apabila mereka menyahpepijat kelewatan rawak dalam JavaScript mereka.
Jadi lain kali anda melihat setTimeout(() => { ... }, 0), cuma ingat—ia bukan tentang masa; ia mengenai keutamaan!
Atas ialah kandungan terperinci Apakah Maksud SetTimeout(..., ) Sebenarnya dalam JavaScript? (Gelung Acara Diterangkan!). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!