Rumah > hujung hadapan web > tutorial js > Perjalanan Reaksi Saya: Hari 3

Perjalanan Reaksi Saya: Hari 3

Linda Hamilton
Lepaskan: 2024-11-27 18:46:13
asal
322 orang telah melayarinya

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}`;
}
Salin selepas log masuk

Invokasi: Di sinilah anda memanggil fungsi untuk melaksanakannya.

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

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!
Salin selepas log masuk

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!
Salin selepas log masuk

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);
Salin selepas log masuk

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
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan