JavaScript Academy · Pelajaran

Pengembalian Awal dan Klausa Penjaga

Gunakan pengembalian awal dan klausa penjaga untuk menyederhanakan kondisi, mengurangi penyarangan, dan memperjelas jalur utama.

Pelajaran 3 dari 38 langkah

Pengembalian Awal dan Klausa Penjaga adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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

Tujuan: Tulis fungsi yang lebih jelas dengan mengembalikan nilai lebih awal untuk masukan yang tidak valid agar alur normal tetap singkat.

  • Pengembalian lebih awal
  • Klausa penjaga
  • Lebih sedikit penyarangan
Pengembalian Awal dan Klausa Penjaga — ilustrasi 1

Tanpa klausa penjaga

Penyarangan menempatkan pekerjaan utama di dalam if, yang dapat menjadi sulit dibaca ketika semakin besar.

// Nested style without guard
function welcome(name) {
  if (name) {
    const message = "Hello, " + name + "!";
    console.log(message);
  } else {
    console.log("Name required");
  }
}

welcome("Ayla");
welcome("");
Pengembalian Awal dan Klausa Penjaga — ilustrasi 2

Pemfaktoran ulang klausa penjaga

Tangani masukan yang tidak valid terlebih dahulu, lalu tulis alur normal dengan lebih sedikit inden.

// Guard clause: return early for bad input
function welcomeSafe(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  const message = "Hello, " + name + "!";
  console.log(message);
}

welcomeSafe("Ayla");
welcomeSafe("");
Pengembalian Awal dan Klausa Penjaga — ilustrasi 3

Beberapa klausa penjaga

Gunakan satu klausa penjaga kecil untuk setiap aturan. Setiap pengembalian lebih awal menghilangkan kebutuhan akan penyarangan yang dalam.

// Multiple guard clauses keep each rule small
function divide(a, b) {
  if (typeof a !== "number" || typeof b !== "number") {
    console.log("Numbers only");
    return;
  }
  if (b === 0) {
    console.log("Cannot divide by zero");
    return;
  }
  const result = a / b;
  console.log("Result:", result);
}

divide(6, 3);
divide(6, 0);
divide("6", 3);
Pengembalian Awal dan Klausa Penjaga — ilustrasi 4

Lebih sedikit penyarangan dengan pengembalian

Kembalikan nilai lebih awal untuk kasus kegagalan; baris terakhir mengembalikan keberhasilan dengan jelas.

// Early returns reduce else blocks
function canVote(age) {
  if (typeof age !== "number") {
    return false;
  }
  if (age < 18) {
    return false;
  }
  return true;
}

console.log(canVote(20));
console.log(canVote(15));
console.log(canVote("20"));
Pengembalian Awal dan Klausa Penjaga — ilustrasi 5

Kiat klausa penjaga

Daftar periksa:

  • Validasi masukan terlebih dahulu.
  • Kembalikan nilai lebih awal saat terjadi kesalahan atau kasus tepi.
  • Jaga setiap klausa penjaga tetap singkat dan spesifik.
  • Tulis alur normal terakhir secara datar.
Pengembalian Awal dan Klausa Penjaga — ilustrasi 6

Kuis klausa penjaga

Pemeriksaan cepat: Apa itu klausa penjaga?

Pengembalian Awal dan Klausa Penjaga — ilustrasi 7

Ringkasan

Ringkasan: Gunakan klausa penjaga untuk menangani masukan yang buruk terlebih dahulu, mengembalikan nilai lebih awal, dan menjaga logika utama tetap datar serta mudah dibaca.

Pengembalian Awal dan Klausa Penjaga — ilustrasi 8
Gratis untuk memulai

Belajar JavaScript dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
59
Pelajaran
200

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pengembalian Awal dan Klausa Penjaga” gratis?

Ya — teks lengkap “Pengembalian Awal dan Klausa Penjaga” 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 “Pengembalian Awal dan Klausa Penjaga”?

Gunakan pengembalian awal dan klausa penjaga untuk menyederhanakan kondisi, mengurangi penyarangan, dan memperjelas jalur utama. 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 3 dari 3.

Berapa lama pelajaran “Pengembalian Awal dan Klausa Penjaga” 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. if/else dan switch — pola inti
  2. Perulangan: for, while, do…while, for…of vs for…in
  3. Pengembalian Awal dan Klausa Penjaga
← Kembali ke JavaScript Academy