Fungsi TypeScript: Cara Menggunakan Parameter dan Tipe Pengembalian
Fungsi merupakan blok penyusun bahasa pemrograman apa pun, dan TypeScript menyempurnakannya dengan menambahkan keamanan tipe. Dengan mendefinisikan tipe untuk parameter dan nilai pengembalian, TypeScript memungkinkan pengembang untuk menulis kode yang lebih andal dan mudah dikelola. Panduan ini akan memperkenalkan Anda pada fungsi TypeScript, yang mencakup cara menggunakan parameter dan tipe pengembalian secara efektif.
Mendefinisikan Fungsi dalam TypeScript
Dalam TypeScript, fungsi dapat didefinisikan menggunakan kata kunci function
, mirip dengan JavaScript. Akan tetapi, TypeScript memungkinkan Anda menentukan jenis parameter dan mengembalikan nilai untuk keamanan dan keterbacaan tambahan.
Contoh Fungsi Dasar
Berikut ini adalah contoh fungsi TypeScript dasar dengan parameter yang diketik dan tipe pengembalian:
function add(a: number, b: number): number {
return a + b;
}
const result = add(5, 3); // Output: 8
Dalam contoh ini, fungsi add
menerima dua parameter bertipe number
dan mengembalikan nilai bertipe number
. Ini memastikan bahwa input dan output sesuai dengan tipe yang diharapkan.
Parameter Fungsi dalam TypeScript
Fungsi TypeScript dapat menerima berbagai jenis parameter, seperti parameter opsional, default, dan rest. Mari kita bahas masing-masing jenis secara mendetail.
Parameter Opsional
Anda dapat menentukan parameter opsional dengan menambahkan ?
setelah nama parameter. Parameter opsional tidak perlu diberikan saat fungsi dipanggil.
function greet(name: string, age?: number): string {
if (age) {
return `Hello, ${name}. You are ${age} years old.`;
} else {
return `Hello, ${name}.`;
}
}
console.log(greet("Alice")); // Output: Hello, Alice.
console.log(greet("Bob", 25)); // Output: Hello, Bob. You are 25 years old.
Dalam contoh ini, parameter age
bersifat opsional. Fungsi ini berfungsi dengan benar baik age
diberikan atau tidak.
Parameter Default
Parameter default memungkinkan Anda menentukan nilai default untuk parameter jika nilai tersebut tidak disediakan saat fungsi dipanggil.
function multiply(a: number, b: number = 2): number {
return a * b;
}
console.log(multiply(5)); // Output: 10
console.log(multiply(5, 3)); // Output: 15
Dalam contoh ini, parameter b
memiliki nilai default 2
. Jika tidak ada argumen kedua yang diberikan, 2
akan digunakan secara default.
Parameter Istirahat
Parameter rest memungkinkan Anda untuk meneruskan sejumlah argumen ke suatu fungsi. Parameter tersebut didefinisikan menggunakan sintaks ...
.
function sum(...numbers: number[]): number {
return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10
console.log(sum(5, 10, 15)); // Output: 30
Dalam contoh ini, fungsi sum
menerima sejumlah argumen, semuanya bertipe number
, dan mengembalikan jumlahnya.
Tipe Pengembalian dalam TypeScript
Menentukan tipe pengembalian fungsi sama pentingnya dengan menentukan tipe parameter. Ini membantu TypeScript memahami keluaran fungsi yang diharapkan, memastikannya mengembalikan tipe data yang benar.
Menentukan Jenis Pengembalian
Untuk menentukan tipe pengembalian suatu fungsi, tambahkan titik dua :
diikuti dengan tipe setelah daftar parameter.
function isEven(num: number): boolean {
return num % 2 === 0;
}
console.log(isEven(4)); // Output: true
console.log(isEven(5)); // Output: false
Dalam contoh ini, fungsi isEven
mengembalikan boolean
yang menunjukkan apakah bilangan input genap atau tidak.
Fungsi Tanpa Tipe Pengembalian
Bila suatu fungsi tidak mengembalikan nilai, tipe pengembaliannya adalah void
. Ini berguna untuk fungsi yang melakukan tindakan tanpa memberikan hasil.
function logMessage(message: string): void {
console.log(message);
}
logMessage("Hello, TypeScript!"); // Output: Hello, TypeScript!
Dalam contoh ini, fungsi logMessage
mencatat pesan ke konsol dan tidak mengembalikan apa pun, maka tipe pengembaliannya adalah void
.
Kesimpulan
Fungsi TypeScript menyediakan cara yang ampuh untuk menulis kode yang aman terhadap tipe dengan mendefinisikan tipe parameter dan tipe pengembalian. Dengan menggunakan parameter opsional, default, dan rest, serta menentukan tipe pengembalian, Anda dapat membuat fungsi yang lebih tangguh dan mudah dipelihara. Mulailah menggunakan fungsi TypeScript dalam proyek Anda untuk memastikan kualitas dan keamanan kode yang lebih baik.