Pelaksanaan asynchronous yang lebih pantas (setTimeout berbilang pelayar)_kemahiran javascript

Jika kita ingin melaksanakan fungsi secara tidak segerak, kaedah pertama yang kita fikirkan ialah setTimeout<br> Contohnya: setTimeout(function( /* lakukan sesuatu selepas 1s */){},1000}

Bagaimana jika anda ingin melaksanakan fungsi secara tidak segerak secepat mungkin? <br> Adakah ia akan menjadi:

setTimeout(function( /* 尽快做点什么 */){},0}

Malangnya, untuk mengelakkan kemungkinan menyekat urutan UI disebabkan oleh setTimeout bersarang, penyemak imbas menetapkan selang masa pelaksanaan minimum untuk setTimeout Selang masa pelaksanaan minimum penyemak imbas berbeza adalah berbeza. Selang masa pelaksanaan sebenar setTimeout 0 apabila diuji di bawah chrome ialah kira-kira 12ms. <br /> <br /> Jadi jika anda ingin melaksanakan fungsi secara tidak segerak secepat mungkin, adakah terdapat cara untuk mempercepatkannya?

Mari kita lihat bahagian pelayar terlebih dahulu untuk melihat apakah kaedah pelaksanaan tak segerak yang biasa digunakan

setImmediate: Kaedah ini mencapai pelaksanaan tak segerak yang lebih pantas daripada setTimeout 0, dengan masa pelaksanaan lebih hampir kepada 0ms, tetapi hanya disokong oleh IE/nod.

requestAnimationFrame: Kaedah ini sering digunakan semasa melakukan gelung animasi Kaedah ini hanya akan dilaksanakan apabila penyemak imbas menyegarkan ui Kekerapan maksimum menyegarkan ui secara amnya ialah 60fps, jadi requestAnimationFrame biasanya lebih perlahan daripada setTimeout 0. .

Selain menggunakan fungsi tak segerak, terdapat beberapa cara untuk melaksanakan panggilan tak segerak

Gunakan onmessage: <br /> Kaedah onmessage sering digunakan semasa berkomunikasi dengan iframe, tetapi apa yang berlaku jika tetingkap yang sama menghantarMessage kepada dirinya sendiri? Malah, ia bersamaan dengan melaksanakan fungsi secara tak segerak<br /> Contohnya:

var doSth = function(){}
window.addEventListener("message", doSth, true);
window.postMessage("", "*");

<br />

Selain itu, anda juga boleh menggunakan tag skrip untuk melaksanakan pelaksanaan fungsi tak segerak, contohnya: <br /> <br />

var newScript = document.createElement("script");
newScript.onreadystatechange = doSth;
document.documentElement.appendChild(newScript);

<br> <br> Menambah skrip pada dokumen juga akan melaksanakan onreadystatechange, tetapi kaedah ini hanya boleh digunakan dalam pelayar di bawah IE.

Jadi antara kaedah ini, yang manakah paling cepat?

Mengujinya,

Di bawah krom:

setImmediate: Tidak tersedia. <br> setTimeout 0：12ms<br> onmessage: 6ms<br> onreadystatechange: tidak disokong

Di bawah chrome, onmessage lebih pantas daripada setTimeout 0.

Di bawah firefox:

setImmediate: Tidak tersedia. <br> setTimeout 0：7ms<br> onmessage: 7ms<br> onreadystatechange: tidak disokong

Di bawah Firefox, onmessage dan setTimeout 0 adalah sama pantas.

IE9:

setImmediate: Tidak tersedia. <br> setTimeout 0:11ms<br> onmessage: 7ms 10ms<br> onreadystatechange: 2ms

Di bawah IE9, masa onreadystatechange adalah lebih cepat daripada dua yang lain.

Secara umum, setSegera