Menguasai Fungsi TypeScript: Panduan Anda untuk Kod Lebih Kuat dan Selamat

TypeScript meningkatkan fungsi JavaScript dengan keupayaan menyemak jenis yang berkuasa. Mari kita terokai ciri utama yang menjadikan fungsi TypeScript sebagai alat penting untuk pembangunan web moden.

• Sintaks Fungsi Asas: TypeScript membolehkan anda menentukan jenis parameter dan jenis pulangan, menjadikan niat fungsi anda jelas.

function greet(name: string): string {
  return `Hello, ${name}!`;
}

Fungsi ini mengambil parameter rentetan dan menjamin nilai pulangan rentetan.

• Fungsi Anak Panah: Fungsi anak panah menyediakan sintaks ringkas dan skop leksikal 'ini'.

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

Di sini, kami mentakrifkan fungsi yang mengambil dua nombor dan mengembalikan produknya.

• Parameter Pilihan dan Lalai: TypeScript membolehkan anda menentukan parameter pilihan dan menetapkan nilai lalai.

function createUser(name: string, age?: number, role: string = 'user') {
  // Implementation
}

Dalam contoh ini, 'umur' adalah pilihan dan 'peranan' mempunyai nilai lalai 'pengguna'.

• Parameter Rehat: Parameter rehat membenarkan fungsi menerima bilangan argumen yang tidak ditentukan sebagai tatasusunan.

function sum(...numbers: number[]): number {
  return numbers.reduce((total, num) => total + num, 0);
}

Fungsi ini boleh mengambil sebarang bilangan argumen angka dan mengembalikan jumlahnya.

• Fungsi Berlebihan: Kelebihan beban fungsi membolehkan anda mentakrifkan berbilang tandatangan fungsi untuk tingkah laku yang berbeza-beza.

function processInput(input: string): string;
function processInput(input: number): number;
function processInput(input: string | number): string | number {
  if (typeof input === 'string') {
    return input.toUpperCase();
  } else {
    return input * 2;
  }
}

Fungsi ini boleh mengendalikan kedua-dua input rentetan dan nombor, dengan gelagat berbeza untuk setiap satu.

• Fungsi Generik: Generik membolehkan anda mencipta fungsi yang fleksibel dan boleh digunakan semula yang berfungsi dengan pelbagai jenis.

function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

Fungsi generik ini boleh berfungsi dengan tatasusunan apa-apa jenis dan mengembalikan elemen pertama jenis itu.

Fungsi TypeScript menyediakan asas yang kukuh untuk membina aplikasi yang kompleks. Dengan memanfaatkan ciri ini, anda boleh menulis kod yang lebih ekspresif, lebih selamat dan mendokumentasikan diri.

Ingat: Matlamatnya bukan sahaja untuk menambah jenis, tetapi untuk menggunakan ciri TypeScript untuk mencipta struktur kod yang lebih dipercayai dan boleh diselenggara.

Saya harap anda belajar sesuatu yang baharu dalam blog pendek ini. :)

Atas ialah kandungan terperinci Menguasai Fungsi TypeScript: Panduan Anda untuk Kod Lebih Kuat dan Selamat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!