Promise.race() dan async-await dijelaskan dalam JavaScript?
Kita akan belajar tentang kaedah Promise.race() dalam tutorial ini. Seperti yang ditunjukkan oleh nama kaedah race(), janji yang diluluskan sebagai hujah kepada kaedah race() melakukan perlumbaan.
Oleh itu, mana-mana Janji yang diselesaikan dahulu hanya akan dilaksanakan dengan kaedah race(), dan Janji lain tidak akan pernah dilaksanakan.
Janji.perlumbaan()
KaedahPromise.race dalam JavaScript membolehkan anda menunggu set Janji pertama untuk dipenuhi atau ditolak, dan mengendalikan keputusan atau ralat jika ia berlaku. Sebaik sahaja salah satu janji input dipenuhi atau ditolak, ia mengembalikan janji yang dipenuhi atau ditolak, dan nilai atau sebab untuk janji itu.
Pengguna boleh menggunakan kaedah promise.race() mengikut sintaks berikut untuk melaksanakan janji diselesaikan pertama.
Promise.race(iterable).then((response) => {
// handle response
});
Dalam sintaks di atas, kaedah Promise.race() mengambil iterable sebagai parameter pertama, dan kami boleh mengendalikan respons janji yang berjaya dilaksanakan dalam blok "then".
siniiterable Mengambil objek boleh lelaran, seperti set janji untuk melaksanakan apa-apa janji di dalamnya, diselesaikan terlebih dahulu.
tatabahasa
Berikut ialah sintaks cara menggunakan kaedah Promise.race dengan async-await dalam JavaScript:
async function example() {
try {
const result = await Promise.race([promise1, promise2, ...]);
} catch (error) {
// handle error
}
}
Di sini, janji1, janji2#🎜🎜 adalah janji dan seterusnya yang anda mahukan🎜# dan seterusnya tunggu . Kaedah Promise.race mengembalikan Janji yang diselesaikan atau ditolak yang mengandungi nilai atau sebab input pertama Janji untuk diselesaikan atau ditolak.
Contoh fungsi tak segerak menggunakan pernyataan cuba/tangkap untuk mengendalikan keadaan ralat, di mana jika sebarang janji input ditolak, blok tangkapan akan dilaksanakan.Contoh 1
Dalam contoh ini, kami mencipta berbilang Janji dan menetapkan pemasa dalam Janji untuk menyelesaikan atau menolaknya. Kami telah meluluskan pelbagai Promise sebagai hujah kepada kaedah race().
Output menunjukkan bahawa kaedah race() melaksanakan Promise yang ditolak kerana ia tidak mempunyai pemasa. Oleh itu, kaedah race() melaksanakan Janji pertama, yang dipenuhi lebih awal walaupun ia ditolak atau diselesaikan.
<html>
<body>
<h2>Using the Promise.race() </i> Method </h2>
<div id="output"></div>
<script>
let promise_1 = new Promise((res, rej) => {
setTimeout(() => {
res("Resolved promise with time of 0 milliseconds");
}, 1000);
});
let promise_2 = new Promise((res, rej) =>
rej("This promise is rejected!")
);
let promise_3 = new Promise((res, rej) => {
setTimeout(() => {
res("Resolved promise with time of 2000 milliseconds");
}, 2000);
});
Promise.race([promise_1, promise_2, promise_3]).then(
(response) => {
document.getElementById("output").innerHTML +=
"Promise resolved successfully.";
},
(error) => {
document.getElementById("output").innerHTML += "Promise rejected";
}
);
</script>
</body>
</html>
Dalam contoh ini, kami mengambil API yang berbeza dan membuat janji menggunakan kaedah ambil. Kami mempunyai satu siri Janji yang dipanggil permintaan.
Kami menggunakan kaedah race() untuk menyelesaikan semua permintaan, yang mana Janji akan diselesaikan dahulu, kami mencetak URL dalam blok "kemudian".
<html>
<body>
<h2>Using Promise.race() Method with async-await</h2>
<div id = "output"> </div>
<button onclick = "executeRace()"> Fetch data from early promise </button>
<script>
async function executeRace() {
// array of different promises
const requests = [
fetch("https://api.publicapis.org/entries"),
fetch("https://catfact.ninja/fact"),
fetch("https://api.coindesk.com/v1/bpi/currentprice.json"),
];
// resolving the promises using the race() method
const res = await Promise.race(requests);
document.getElementById("output").innerHTML +=
"The first promise resolve is " + res.url;
}
</script>
</body>
</html>
Atas ialah kandungan terperinci Promise.race() dan async-await dijelaskan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1376
52
Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri?
Mar 18, 2025 pm 03:12 PM
Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.
Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas?
Mar 18, 2025 pm 03:14 PM
Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.
Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan?
Apr 04, 2025 pm 02:42 PM
Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...
Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar?
Mar 18, 2025 pm 03:16 PM
Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.
Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified?
Mar 18, 2025 pm 03:17 PM
Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.
TypeScript untuk pemula, Bahagian 2: Jenis Data Asas
Mar 19, 2025 am 09:10 AM
Sebaik sahaja anda telah menguasai tutorial TypeScript peringkat kemasukan, anda harus dapat menulis kod anda sendiri dalam IDE yang menyokong TypeScript dan menyusunnya ke dalam JavaScript. Tutorial ini akan menyelam ke dalam pelbagai jenis data dalam TypeScript. JavaScript mempunyai tujuh jenis data: null, undefined, boolean, nombor, rentetan, simbol (diperkenalkan oleh ES6) dan objek. Typescript mentakrifkan lebih banyak jenis atas dasar ini, dan tutorial ini akan meliputi semuanya secara terperinci. Jenis data null Seperti JavaScript, Null dalam TypeScript
Bagaimana saya menggunakan kerangka koleksi Java dengan berkesan?
Mar 13, 2025 pm 12:28 PM
Artikel ini meneroka penggunaan rangka koleksi Java yang berkesan. Ia menekankan memilih koleksi yang sesuai (senarai, set, peta, giliran) berdasarkan struktur data, keperluan prestasi, dan keselamatan benang. Mengoptimumkan penggunaan pengumpulan melalui cekap
Bermula dengan Chart.js: Pie, Donut, dan Carta Bubble
Mar 15, 2025 am 09:19 AM
Tutorial ini akan menerangkan cara membuat carta pai, cincin, dan gelembung menggunakan carta.js. Sebelum ini, kami telah mempelajari empat jenis carta carta.js: carta baris dan carta bar (tutorial 2), serta carta radar dan carta rantau polar (Tutorial 3). Buat carta pai dan cincin Carta pai dan carta cincin sangat sesuai untuk menunjukkan perkadaran keseluruhan yang dibahagikan kepada bahagian yang berlainan. Sebagai contoh, carta pai boleh digunakan untuk menunjukkan peratusan singa lelaki, singa wanita dan singa muda dalam safari, atau peratusan undi yang diterima oleh calon yang berbeza dalam pilihan raya. Carta pai hanya sesuai untuk membandingkan parameter tunggal atau dataset. Harus diingat bahawa carta pai tidak dapat menarik entiti dengan nilai sifar kerana sudut kipas dalam carta pai bergantung pada saiz berangka titik data. Ini bermaksud mana -mana entiti dengan perkadaran sifar
