Akademi JavaScript · Pelajaran

Pengisytiharan berbanding Ungkapan, Asas Anak Panah

Pengisytiharan fungsi berbanding ungkapan, sintaks fungsi anak panah dan corak penggunaan mudah.

Pelajaran 1 daripada 38 langkah

Pengisytiharan berbanding Ungkapan, Asas Anak Panah ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.

Pengenalan

Matlamat: Bezakan pengisytiharan fungsi daripada ungkapan, pelajari sintaks asas anak panah dan pilih bentuk yang paling ringkas untuk tugas tersebut.

Pengisytiharan
Ungkapan
Asas anak panah

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 1

Pengisytiharan fungsi

Satu pengisytiharan fungsi dinaikkan terlebih dahulu, jadi panggilan boleh muncul sebelum 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"));

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 2

Ungkapan fungsi

Satu ungkapan fungsi dicipta semasa masa jalan; panggilnya selepas baris penetapan.

// 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));

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 3

Asas fungsi anak panah

Fungsi anak panah adalah ringkas. Untuk satu parameter, anda boleh menggugurkan tanda kurung; badan satu baris boleh menggugurkan 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));

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 4

Memilih bentuk

Gunakan pengisytiharan untuk utiliti bernama; gunakan fungsi anak panah untuk fungsi pembantu sebaris yang kecil.

// 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"));

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 5

Petua untuk pemula

Petua:

Namakan fungsi berdasarkan tugasnya.
Berikan satu tugas kecil kepada setiap fungsi.
Utamakan badan yang pendek dan rata serta nilai return yang jelas.

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 6

Kuiz pengangkatan

Semakan pantas: Tingkah laku pengangkatan.

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 7

Jawab dalam pelajaran interaktif

Ringkasan

Ringkasan: Pengisytiharan dinaikkan terlebih dahulu dan sesuai untuk utiliti bernama; ungkapan/fungsi anak panah dicipta semasa masa jalan dan sangat sesuai untuk fungsi pembantu kecil.

Pengisytiharan berbanding Ungkapan, Asas Anak Panah — ilustrasi 8

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 59
Pelajaran: 200

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pengisytiharan berbanding Ungkapan, Asas Anak Panah” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Pengisytiharan berbanding Ungkapan, Asas Anak Panah”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.

Apakah yang akan saya pelajari dalam “Pengisytiharan berbanding Ungkapan, Asas Anak Panah”?

Pengisytiharan fungsi berbanding ungkapan, sintaks fungsi anak panah dan corak penggunaan mudah. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 3.

Berapa lamakah pelajaran “Pengisytiharan berbanding Ungkapan, Asas Anak Panah” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?

Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

Pengisytiharan berbanding Ungkapan, Asas Anak Panah
Parameter, Lalai, Rest dan Nilai Pulangan
Asas this; call/apply/bind (pengenalan)

← Kembali ke Akademi JavaScript