Rumah  >  Artikel  >  hujung hadapan web  >  Perjalanan Reaksi Saya: Hari 3

Perjalanan Reaksi Saya: Hari 3

Linda Hamilton
Linda Hamiltonasal
2024-11-27 18:46:13292semak imbas

My React Journey: Day 3

Hari ini, saya meneroka salah satu konsep yang paling penting dalam pengaturcaraan: Fungsi. Fungsi adalah penukar permainan kerana ia menjadikan kod boleh diguna semula, mengurangkan keperluan untuk pengulangan. Biar saya pecahkan apa yang saya pelajari:

Apakah Fungsi?
Fungsi ialah blok kod boleh guna semula yang direka untuk melaksanakan tugas tertentu. Ia mempunyai dua aspek utama:

Pengisytiharan: Di sinilah anda mencipta atau mentakrifkan fungsi.

function greet(name) {
    return `Hello, ${name}`;
}

Invokasi: Di sinilah anda memanggil fungsi untuk melaksanakannya.

console.log(greet('Ayoola')); // Output: Hello, Ayoola

Parameter lwn. Argumen

  • Parameter
    : Pembolehubah yang digunakan semasa mentakrifkan fungsi. Contohnya, dalam fungsi greet(nama), nama ialah parameter.

  • Hujah
    : Nilai sebenar diluluskan semasa memanggil fungsi. Contohnya, dalam greet(Ayoola), Ayoola ialah hujahnya.

Cara Mengisytiharkan Fungsi

Terdapat dua cara utama untuk mengisytiharkan fungsi:

1. Pengisytiharan Fungsi
Juga dikenali sebagai fungsi bernama, fungsi jenis ini ditakrifkan dengan nama tertentu.

function greet() {
    console.log("Hello!");
}
greet(); // Output: Hello!

Ciri unik pengisytiharan fungsi sedang dinaikkan— anda boleh memanggil fungsi sebelum ia diisytiharkan dalam kod.

2. Ungkapan Fungsi
Ini adalah fungsi yang diberikan kepada pembolehubah. Ia boleh dinamakan atau tidak dinamakan (tanpa nama).

const greet = function () {
    console.log("Hello!");
};
greet(); // Output: Hello!

Fungsi Tanpa Nama
Ini adalah fungsi tanpa nama. Ia sering digunakan sebagai ungkapan fungsi atau dalam situasi di mana fungsi pantas dan sementara diperlukan.

setTimeout(function () {
    console.log("This runs after 2 seconds!");
}, 2000);

Fungsi Anak Panah
Fungsi anak panah menyediakan sintaks yang lebih pendek untuk fungsi penulisan, yang diperkenalkan dalam ES6. Contoh:

const greet = (name) => `Hello, ${name}`;
console.log(greet('Ayoola')); // Output: Hello, Ayoola

Fungsi anak panah ringkas dan sering digunakan untuk tugasan mudah, tetapi ia mempunyai beberapa perbezaan, seperti tiada akses kepada ini.

Pemikiran Akhir
Fungsi adalah sangat berkuasa dan menjadikan pengaturcaraan sangat menyeronokkan. Daripada fungsi bernama kepada fungsi tanpa nama dan kini fungsi anak panah, perjalanan menjadi lebih manis dari hari ke hari.

Saya teruja dengan apa yang akan datang esok. Mari terus belajar dan berkembang!

Nantikan Hari ke-4!

Atas ialah kandungan terperinci Perjalanan Reaksi Saya: Hari 3. 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