0Pricing
JavaScript Academy · Pelajaran

Menulis Fungsi async; try/catch; Paralel vs Berurutan

Buat fungsi async, tunggu hasil dengan await, tangkap galat, dan bandingkan pola berurutan dengan pola paralel

Menulis Fungsi async; try/catch; Paralel vs Berurutan adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Pengantar async/await

Tujuan: Gunakan async/await dengan aman.

  • Buat fungsi asinkron
  • Tunggu nilai
  • Tangani kesalahan dengan try/catch
  • Paralel vs berurutan
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 1

Fungsi pembantu Promise kecil

Buat fungsi pembantu kecil berbasis Promise untuk menguji await.

// delay returns a Promise that resolves after ms
function delay(ms, value) {
  return new Promise(function (resolve) {
    setTimeout(function () { resolve(value); }, ms);
  });
}

// Example usage
delay(10, "ok").then(function (v) {
  console.log("delay:", v);
});
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 2

Dasar-dasar fungsi asinkron

async menandai fungsi yang mengembalikan Promise; di dalamnya Anda dapat menggunakan await.

// An async function can use await inside
async function greet() {
  const name = await delay(5, "Ayla");
  console.log("Hello,", name);
}

// Call it
greet();
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 3

try/catch dengan await

Bungkus await dalam try/catch jika suatu langkah mungkin ditolak.

// Simulate a failing task
function failAfter(ms, message) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () { reject(new Error(message)); }, ms);
  });
}

async function runSafe() {
  try {
    const v = await failAfter(5, "boom");
    console.log("Value:", v);
  } catch (e) {
    console.log("Caught:", e.message);
  }
}

runSafe();
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 4

Pola berurutan

Berurutan: setiap await menunggu langkah sebelumnya selesai; waktunya dijumlahkan.

// Sequential: total time ~ A + B
async function sequential() {
  const a = await delay(8, "A");
  const b = await delay(8, "B");
  console.log("seq:", a + b);
}

sequential();
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 5

Paralel dengan all

Paralel: mulai tugas terlebih dahulu, lalu await Promise.all; total waktu sekitar max(A, B).

// Parallel: start both, then await together
async function parallel() {
  const pa = delay(8, "A");
  const pb = delay(8, "B");
  const results = await Promise.all([pa, pb]);
  console.log("par:", results.join(""));
}

parallel();
Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 6

Kuis paralel vs berurutan

Pemeriksaan cepat: Pola yang lebih cepat untuk tugas-tugas yang tidak saling bergantung?

Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 7

Ringkasan

Ringkasan: Anda menulis fungsi asinkron, menunggu nilai, menangani kesalahan dengan try/catch, dan membandingkan await berurutan dengan Promise.all paralel yang lebih cepat.

Menulis Fungsi async; try/catch; Paralel vs Berurutan — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Menulis Fungsi async; try/catch; Paralel vs Berurutan” gratis?

Ya — teks lengkap “Menulis Fungsi async; try/catch; Paralel vs Berurutan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Menulis Fungsi async; try/catch; Paralel vs Berurutan”?

Buat fungsi async, tunggu hasil dengan await, tangkap galat, dan bandingkan pola berurutan dengan pola paralel Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “Menulis Fungsi async; try/catch; Paralel vs Berurutan” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Menulis Fungsi async; try/catch; Paralel vs Berurutan
  2. Batas Waktu dan Pembatalan dengan AbortController
  3. Pola Percobaan Ulang dan Backoff
← Kembali ke JavaScript Academy