0Pricing
JavaScript Academy · Pelajaran

Deklarasi vs Ekspresi, Dasar Panah

Deklarasi fungsi vs ekspresi, sintaks fungsi panah, dan pola penggunaan sederhana.

Deklarasi vs Ekspresi, Dasar Panah 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

Tujuan: Bedakan deklarasi fungsi dari ekspresi, pelajari sintaks dasar arrow, dan pilih bentuk paling sederhana untuk tugasnya.

  • Deklarasi
  • Ekspresi
  • Dasar arrow
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 1

Deklarasi fungsi

Deklarasi fungsi diangkat, sehingga pemanggilan dapat muncul di atas definisinya.

// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Coder"));
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 2

Ekspresi fungsi

Ekspresi fungsi dibuat saat program berjalan; panggil setelah baris penugasannya.

// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
  return a + b;
};

console.log("Sum:", add(2, 3));
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 3

Dasar-dasar fungsi panah

Fungsi panah bersifat ringkas. Untuk satu parameter, Anda dapat menghilangkan tanda kurung; isi satu baris dapat menghilangkan return.

// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
  return n * 2;
};

const square = n => n * 2; // simple one-liner for demo

console.log(double(4));
console.log(square(4));
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 4

Memilih bentuk

Gunakan deklarasi untuk utilitas bernama; gunakan fungsi panah untuk pembantu kecil sebaris.

// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
  return "Title: " + name;
}

// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();

console.log(toTitle("Intro"));
console.log(shout("hello"));
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 5

Kiat untuk pemula

Kiat:

  • Beri nama fungsi sesuai tugasnya.
  • Satu tugas kecil untuk setiap fungsi.
  • Utamakan isi fungsi yang singkat, datar, dan nilai hasil yang jelas.
Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 6

Kuis pengangkatan

Pemeriksaan singkat: Perilaku pengangkatan.

Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 7

Ringkasan

Ringkasan: Deklarasi diangkat dan cocok untuk utilitas bernama; ekspresi/fungsi panah dibuat saat program berjalan dan sangat cocok untuk pembantu kecil.

Deklarasi vs Ekspresi, Dasar Panah — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Deklarasi vs Ekspresi, Dasar Panah” gratis?

Ya — teks lengkap “Deklarasi vs Ekspresi, Dasar Panah” 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 “Deklarasi vs Ekspresi, Dasar Panah”?

Deklarasi fungsi vs ekspresi, sintaks fungsi panah, dan pola penggunaan sederhana. 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 “Deklarasi vs Ekspresi, Dasar Panah” 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. Deklarasi vs Ekspresi, Dasar Panah
  2. Parameter, Nilai Bawaan, Rest, dan Nilai Kembalian
  3. Dasar this; call/apply/bind (pengantar)
← Kembali ke JavaScript Academy