掌握 TypeScript 函數：更強、更安全的程式碼指南

TypeScript 透過強大的類型檢查功能增強了 JavaScript 功能。讓我們探討一下讓 TypeScript 函數成為現代 Web 開發的重要工具的關鍵功能。

• 基本函數語法： TypeScript 可讓您指定參數類型和傳回類型，使函數的意圖清晰。

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

函數接受一個字串參數並保證會傳回字串值。

• 箭頭功能： 箭頭函數提供了「this」的簡潔語法和詞法範圍。

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

在這裡，我們定義一個函數，它接受兩個數字並傳回它們的乘積。

• 可選和預設參數： TypeScript 可讓您定義可選參數並設定預設值。

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

在此範例中，「age」是可選的，而「role」的預設值為「user」。

• 其餘參數： 剩餘參數允許函數接受不定數量的參數作為陣列。

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

此函數可以接受任意數量的數字參數並傳回它們的總和。

• 函數重載： 函數重載可讓您為不同的行為定義多個函數簽章。

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;
  }
}

此函數可以處理字串和數字輸入，每種輸入都有不同的行為。

• 通用函數： 泛型可讓您建立適用於多種類型的靈活、可重複使用的函數。

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

這個泛型函數可以處理任何類型的陣列並傳回該類型的第一個元素。

TypeScript 函數為建立複雜應用程式提供了堅實的基礎。透過利用這些功能，您可以編寫更具表現力、更安全且自記錄的程式碼。

記住：我們的目標不僅僅是添加類型，而是使用 TypeScript 的功能來創建更可靠和可維護的程式碼結構。

我希望您在這篇簡短的部落格中學到了一些新東西。 :)

以上是掌握 TypeScript 函數：更強、更安全的程式碼指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！