Panduan Pemula untuk Fungsi Tak Bernama di TypeScript

Hai sana, super bintang pengkomputeran masa depan! Hari ini, kita akan melihat dunia menarik TypeScript dan menjelajahi konsep yang mungkin terdengar agak mistik pada permulaan: Fungsi Tak Bernama. Jangan khawatir jika terdengar seperti nama sandi agen rahasia – menjelang akhir panduan ini, Anda akan bisa mengguna pakai fungsi ini seperti seorang pro!

Apa Itu Fungsi Tak Bernama?

Sebelum kita melompat ke dalam, mari kitaura apa yang dimaksud dengan "fungsi tak bernama." Dalam dunia pemrograman, kita sering memberi nama kepada fungsi kita, seperti "calculateTotal" atau "sendEmail." Tetapi kadang-kadang, kita membuat fungsi yang tidak perlu nama – mereka seperti pahlawan berwajah masker di alam pemrograman. Para keajaiban tanpa nama ini adalah apa yang kita sebut fungsi tak bernama.

Bayangkan Anda di sebuah pesta berwajah masker. Semua orang memakai masker yang mewah, dan Anda tidak bisa melihat wajah mereka atau mengetahui namanya. Tetapi mereka masih bisa menari, berbicara, dan bersenang-senang. Itu seperti apa yang fungsi tak bernama lakukan dalam kode kita – mereka melakukan tugas tanpa memerlukan pengenalan formal!

Sekarang, mari kita lihat berbagai cara kita dapat membuat fungsi tak bernama ini di TypeScript.

Menentukan Fungsi Tak Bernama dengan Kata Kunci 'function'

Cara pertama untuk membuat fungsi tak bernama adalah dengan menggunakan kata kunci 'function' yang kuno. Ini adalah penampilannya:

let greet = function(name: string) {
console.log("Hello, " + name + "!");
};

greet("Alice"); // Output: Hello, Alice!

Dalam contoh ini, kita membuat fungsi yang menyapa seseorang. Mari kitaura:

1. Kita mulai dengan let greet =. Ini adalah kita membuat variabel 'greet'.
2. Setelah tanda sama dengan, kita memiliki function(name: string) { ... }. Ini adalah fungsi tak bernama kita.
3. Didalam kurung kurawal { }, kita memiliki tubuh fungsi – apa yang fungsi ini sebenarnya lakukan.
4. Kita kemudian dapat menggunakan fungsi ini dengan memanggil greet("Alice").

Itu seperti kita membuat robot ramah yang dapat menyapa siapa saja, dan kita memberi robot itu nama sandi 'greet'!

Menentukan Fungsi Tak Bernama Menggunakan Arrow Function

Sekarang, mari kita lihat cara yang lebih modern dan ringkas untuk menulis fungsi tak bernama – sintaksis fungsi panah. Itu seperti mobil sport di dunia fungsi: ramping, cepat, dan terlihat keren!

let add = (a: number, b: number): number => {
return a + b;
};

console.log(add(5, 3)); // Output: 8

Ini adalah apa yang terjadi:

1. Kita membuat variabel 'add'.
2. Bagian (a: number, b: number) menentukan parameter yang fungsi kitaambil.
3. : number setelah kurung kurawal menentukan bahwa fungsi kita akan mengembalikan sebuah bilangan.
4. => adalah yang membuat ini fungsi panah (itu mirip seperti busur, kan?).
5. Didalam { }, kita memiliki tubuh fungsi.

Kita dapat membuat ini lebih pendek untuk fungsi sederhana:

let multiply = (a: number, b: number): number => a * b;

console.log(multiply(4, 6)); // Output: 24

Dalam kasus ini, kita telah menghapus { } dan kata kunci return. Itu seperti fungsi kita mengatakan, "Saya sangat sederhana, saya tidak memerlukan semua simbol ekstra!"

Menggunakan Fungsi Tak Bernama sebagai Fungsi Callback

Sekarang, mari kita lihat dimana fungsi tak bernama benar-benar bercahaya – sebagai fungsi callback. Fungsi callback adalah fungsi yang kita kirim ke fungsi lain sebagai argumen. Itu seperti mengatakan ke seorang teman, "Hey, saat Anda selesai dengan tugas Anda, lakukan hal ini untuk saya."

Mari kita lihat contoh menggunakan fungsi setTimeout:

setTimeout(() => {
console.log("Pesan ini akan muncul setelah 2 detik!");
}, 2000);

Dalam kode ini:

1. setTimeout adalah fungsi yang menunggu selama waktu yang ditentukan sebelum melakukan sesuatu.
2. Argumen pertama adalah fungsi tak bernama, ditulis dalam sintaksis fungsi panah.
3. Argumen kedua (2000) adalah jumlah milidetik yang ditunggu (2 detik).

Itu seperti mengatur jam dan mengatakan kepadanya, "Ketika Anda berbunyi, tampilkan pesan ini!"

Ini adalah contoh lain menggunakan metode array:

let numbers = [1, 2, 3, 4, 5];

let doubledNumbers = numbers.map((num) => num * 2);

console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

Dalam kasus ini:

1. Kita memiliki array bilangan.
2. Kita menggunakan fungsi map, yang menerapkan fungsi ke setiap elemen array.
3. Fungsi tak bernama kita (num) => num * 2 menggandakan setiap bilangan.
4. Hasilnya adalah array baru dengan semua bilangan digandakan.

Itu seperti kita membuat mesin yang mengambil setiap bilangan, menggandakannya, dan memasukkannya ke dalam kotak baru!

Kesimpulan

Dan di sana Anda punya nya, teman-teman! Kita telah menguraikan misteri fungsi tak bernama di TypeScript. Ingat, fungsi ini seperti para kecil yang membantu dalam kode Anda – mereka melakukan tugas mereka tanpa memerlukan tag nama formal.

Berikut ini adalah ringkasan metode yang kita belajar, disajikan dalam tabel praktis:

Metode	Sintaks	Contoh
Kata Kunci Function	let funcName = function(params) { ... }	let greet = function(name: string) { console.log("Hello, " + name); }
Fungsi Panah (multi-line)	let funcName = (params) => { ... }	let add = (a: number, b: number) => { return a + b; }
Fungsi Panah (single-line)	let funcName = (params) => expression	let multiply = (a: number, b: number) => a * b;
Sebagai Callback	someFunction(() => { ... })	setTimeout(() => { console.log("Waktu habis!"); }, 1000);

Latihan menggunakan metode ini, dan segera Anda akan dapat membuat fungsi tak bernama seperti seorang petarung pengkomputeran! Ingat, dalam pemrograman, seperti dalam kehidupan, kadang-kadang kekuatan paling kuat adalah yang bekerja di belakang layar. Selamat berkoding!

Credits: Image by storyset