Cara Menggunakan Fungsi dalam Panduan Pemula TypeScript

Fungsi merupakan blok penyusun fundamental dalam TypeScript, seperti halnya dalam JavaScript. TypeScript memperluas fungsi JavaScript dengan fitur tambahan seperti anotasi tipe, yang meningkatkan kejelasan kode dan mencegah kesalahan. Panduan pemula ini akan memandu Anda tentang cara menggunakan fungsi dalam TypeScript.

Mendefinisikan Fungsi

Dalam TypeScript, Anda dapat mendefinisikan fungsi seperti di JavaScript tetapi dengan anotasi tipe opsional untuk menentukan tipe parameter dan mengembalikan nilai.

Definisi Fungsi Dasar

Berikut ini cara Anda mendefinisikan fungsi sederhana dalam TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

Dalam contoh ini, nama adalah parameter bertipe string, dan fungsi mengembalikan nilai bertipe string.

Parameter Fungsi dan Jenis Pengembalian

TypeScript memungkinkan Anda menentukan tipe untuk parameter fungsi dan nilai kembalian, membantu memastikan bahwa fungsi tersebut digunakan dengan benar.

Fungsi dengan Parameter

Berikut adalah fungsi yang mengambil dua parameter dan mengembalikan jumlahnya:

function add(x: number, y: number): number {
  return x + y;
}

Dalam fungsi ini, x dan y keduanya bertipe angka, dan fungsi tersebut mengembalikan angka.

Fungsi Tanpa Nilai Pengembalian

Tidak semua fungsi perlu mengembalikan nilai. Fungsi tanpa nilai pengembalian dideklarasikan dengan tipe pengembalian void. Fungsi ini melakukan tindakan tetapi tidak menghasilkan hasil.

Contoh Tidak Ada Nilai Pengembalian

function logMessage(message: string): void {
  console.log(message);
}

Dalam contoh ini, logMessage mencetak message ke konsol tetapi tidak mengembalikan nilai apa pun.

Parameter Opsional dan Default

TypeScript mendukung parameter opsional dan default, memungkinkan Anda membuat fungsi yang lebih fleksibel.

Parameter Opsional

Parameter opsional ditentukan dengan menambahkan ? setelah nama parameter:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

Dalam contoh ini, greeting adalah parameter opsional yang dapat dihilangkan saat memanggil fungsi tersebut.

Parameter Default

Parameter default memiliki nilai default jika tidak ada nilai yang diberikan:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

Jika greeting tidak diberikan, maka defaultnya adalah "Hello".

Fungsi Kelebihan Beban

TypeScript mendukung fungsi overloading, yang memungkinkan Anda menentukan beberapa tanda tangan fungsi untuk nama fungsi yang sama:

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

Dalam contoh ini, greet dapat dipanggil dengan satu atau dua parameter.

Fungsi Panah

Fungsi panah menyediakan sintaksis yang lebih pendek untuk menulis fungsi dan tidak memiliki konteks this sendiri:

const add = (x: number, y: number): number => x + y;

Contoh ini menunjukkan cara mendefinisikan fungsi panah yang menambahkan dua angka.

Kesimpulan

Fungsi dalam TypeScript merupakan cara yang ampuh untuk merangkum dan menggunakan kembali kode. Dengan menggunakan anotasi tipe, parameter opsional dan default, overloading fungsi, dan fungsi panah, Anda dapat menulis kode yang lebih tangguh dan mudah dikelola. Memahami dasar-dasar ini akan membantu Anda memanfaatkan sepenuhnya kemampuan TypeScript dalam proyek Anda.