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