Rumah  >  Artikel  >  hujung hadapan web  >  Tak segerak

Tak segerak

王林
王林asal
2024-09-11 06:36:371053semak imbas

Tak segerak

Pengaturcaraan tak segerak dalam JavaScript membolehkan anda melaksanakan tugas seperti membuat panggilan API, membaca fail atau menanyakan pangkalan data tanpa menyekat pelaksanaan yang lain kod. Ini penting dalam JavaScript, terutamanya dalam pembangunan web, di mana responsif dan prestasi adalah penting.

Konsep Utama

1. Panggilan balik:

Fungsi yang diluluskan sebagai hujah kepada fungsi lain, yang dilaksanakan selepas selesainya operasi tak segerak.

Contoh:

function fetchData(callback) {
    setTimeout(() => {
        callback("Data fetched");
    }, 1000);
}

fetchData((data) => {
    console.log(data);
});

2. Janji:

Objek yang mewakili penyiapan atau kegagalan operasi tak segerak.

Janji boleh berada dalam salah satu daripada tiga keadaan: belum selesai, ditepati atau ditolak.

Contoh:

let promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve("Data fetched");
    }, 1000);
});

promise
    .then((data) => console.log(data))
    .catch((error) => console.log(error));

3. async dan tunggu:

fungsi async secara automatik mengembalikan janji dan digunakan untuk memudahkan pengendalian janji.

menunggu jeda pelaksanaan fungsi async sehingga janji diselesaikan, menjadikan kod lebih mudah dibaca dan ditulis.

Contoh:

async function fetchData() {
    try {
        let data = await new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve("Data fetched");
            }, 1000);
        });
        console.log(data);
    } catch (error) {
        console.log(error);
    }
}

fetchData();

Corak Tak Segerak

Neraka Panggilan Balik: Situasi di mana panggilan balik bersarang dalam panggilan balik lain, menjadikan kod sukar dibaca dan diselenggara.

Janji Janji: Corak untuk mengelakkan panggilan balik neraka dengan membalas janji dan kaedah rantai .then() dan .catch().

Async/Await: Pendekatan yang lebih moden dan lebih bersih untuk menulis kod tak segerak, yang mengelakkan rantaian janji dan menjadikan kod lebih kelihatan segerak.

Kes Penggunaan

Panggilan API: Mengambil data daripada pelayan.

Pemasa: Menggunakan setTimeout atau setInterval.

Operasi Fail: Membaca atau menulis fail dengan cara tidak menyekat.

Pengendalian Acara: Mengendalikan acara seperti klik, penekanan kekunci, dsb.
.
.
.

Pengaturcaraan tak segerak dalam JavaScript adalah penting untuk membina aplikasi yang responsif dan cekap, terutamanya apabila berurusan dengan operasi terikat I/O.

Atas ialah kandungan terperinci Tak segerak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn