Halo, hari ini saya ingin berbagi pengetahuan saya tentang fungsi-fungsi dalam skrip ketikan.
Fungsi dalam javascript biasa
Di javascript biasanya kita membuat fungsi seperti ini
function greetings(name, count) {
return "I am a basic javascript greetings function";
}
Di sini name dan count adalah 2 parameter yang diteruskan ke fungsi ini tetapi ia tidak mengetahui jenis param yang diteruskan.
Dan dalam javascript semua parameter bersifat opsional jadi jika Anda tidak meneruskan salah satu dari param ini ke fungsi Anda, itu tidak akan memberi Anda kesalahan. Juga jika Anda meneruskan lebih dari 2 parameter ke fungsi di atas, itu tetap tidak akan memberikan kesalahan apa pun.
Fungsi dalam skrip ketikan
Jadi kita dapat meningkatkan fungsi kita untuk memahami kode dan men-debug kesalahan dengan skrip ketikan.
function greetings(name: string, count?: number): string {
return "I am a better javascript greetings function";
}
Di sini kami mendefinisikan tipe params kami dengan string
dan number
. Artinya param nama akan selalu berupa string dan param hitungan akan selalu berupa angka.
Selain itu, param name
adalah wajib dan ?
di samping param count
mendefinisikannya sebagai parameter opsional di sini.
Jadi artinya jika anda tidak memberikan name
parameter ke fungsi di atas maka akan memberikan kesalahan juga jika Anda meneruskan lebih dari 2 parameter ke fungsi di atas maka akan memberikan kesalahan lagi.
Dan kata : string
setelah tanda kurung fungsi menyatakan bahwa fungsi salam akan mengembalikan keluaran dalam tipe string
.
Jadi di sini kita mempelajari hal-hal tentang fungsi
- Jenis parameter fungsi
- Semua parameter wajib dalam fungsi TypeScript
- Namun, kita dapat mendefinisikan parameter opsional dengan tanda
?
- Tipe pengembalian fungsi
Parameter yang diinisialisasi secara default
Kita juga dapat menginisialisasi param kita dengan nilai default dan ini memberi kita fleksibilitas untuk memanggil fungsi kita tanpa param.
function greetings(name: string = 'Human'): string {
return `Hello ${name}`;
}
greetings(); //Hello Human
greetings('Ben'); //Hello Ben
Fungsi panah dalam skrip ketikan
Sekarang saya akan mengubah fungsi greetings
di atas menjadi fungsi panah.
const greetings = (name: string = 'Human'): string => {
return `Hello ${name}`;
}
jika fungsi Anda adalah satu baris maka Anda dapat menulisnya seperti ini juga
const greetings = (name: string = 'Human'): string => return `Hello ${name}`;
Jenis fungsi
Tipe suatu fungsi terdiri dari tipe argumennya dan tipe kembaliannya. Misalnya di sini
let logOutput: (value: string) => void;
logOutput
tipe parameter harus 'fungsi yang menerima string dan mengembalikan tipe void'.
Kita bisa menggunakannya seperti ini
const logMessage = (message: string): void => console.log(message);
const logError = (err: string): void => console.error(err);
di sini kedua fungsi mengambil parameter string dan mengembalikan tipe void atau bisa dikatakan tidak memiliki blok return
. Sekarang kita menggunakan logOutput
seperti ini
if(value === '') {
logOutput = logError;
} else {
logOutput = logMessage;
}
Kesimpulan
- Fungsi TypeScript lebih mudah digunakan dan mudah dibaca.
- Fleksibilitas disertakan sama seperti Anda dapat menentukan parameter opsional untuk suatu fungsi.
- Bersihkan sintaksis dengan fungsi panah di skrip ketikan
Jangan ragu untuk terhubung di Twitter