Як використовувати функції в TypeScript. Посібник для початківців

Функції є основним будівельним блоком у TypeScript, як і в JavaScript. TypeScript розширює функції JavaScript додатковими функціями, такими як анотації типів, які підвищують чіткість коду та запобігають помилкам. Цей посібник для початківців допоможе вам використовувати функції в TypeScript.

Визначення функцій

У TypeScript ви можете визначати функції так само, як і в JavaScript, але з необов’язковими анотаціями типу для визначення типів параметрів і значень, що повертаються.

Визначення базової функції

Ось як ви визначаєте просту функцію в TypeScript:

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

У цьому прикладі name є параметром типу string, а функція повертає значення типу string.

Параметри функції та типи повернення

TypeScript дозволяє вказувати типи для параметрів функції та значень, що повертаються, допомагаючи забезпечити правильне використання функції.

Функція з параметрами

Ось функція, яка приймає два параметри та повертає їх суму:

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

У цій функції x і y мають тип number, і функція повертає number.

Функції, що не повертають значення

Не всі функції повинні повертати значення. Функції, які не повертають значення, оголошуються з типом повернення void. Ці функції виконують дії, але не дають результату.

Приклад без поверненого значення

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

У цьому прикладі logMessage друкує message на консоль, але не повертає жодного значення.

Додаткові параметри та параметри за замовчуванням

TypeScript підтримує додаткові параметри та параметри за замовчуванням, що дозволяє створювати більш гнучкі функції.

Необов'язкові параметри

Додаткові параметри вказуються шляхом додавання ? після назви параметра:

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

У цьому прикладі greeting є необов’язковим параметром, який можна опустити під час виклику функції.

Параметри за замовчуванням

Параметри за замовчуванням мають значення за замовчуванням, якщо значення не вказано:

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

Якщо greeting не вказано, за умовчанням буде "Hello".

Перевантаження функцій

TypeScript підтримує перевантаження функцій, дозволяючи вам визначати кілька сигнатур функцій для одного імені функції:

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

У цьому прикладі greet можна викликати з одним або двома параметрами.

Функції стрілок

Функції зі стрілками забезпечують коротший синтаксис для запису функцій і не мають власного контексту this:

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

У цьому прикладі показано, як визначити функцію зі стрілкою, яка додає два числа.

Висновок

Функції в TypeScript є потужним способом інкапсуляції та повторного використання коду. Використовуючи анотації типів, необов’язкові параметри та параметри за замовчуванням, перевантаження функцій і функції зі стрілками, ви можете написати більш надійний і підтримуваний код. Розуміння цих основ допоможе вам повною мірою скористатися можливостями TypeScript у ваших проектах.