TypeScript — это мощный язык программирования, который добавляет статическую типизацию в JavaScript, обеспечивая расширенные возможности и масштабируемость ваших проектов. Одним из важных аспектов TypeScript является концепция общедоступных функций. В этой статье блога мы углубимся в мир публичных функций, используя разговорный язык и практические примеры кода. К концу вы получите четкое представление о различных методах и приемах эффективного использования общедоступных функций в ваших проектах TypeScript.

Раздел 1. Что такое публичные функции?
Публичные функции в TypeScript — это методы, к которым можно получить доступ извне соответствующих классов или модулей. Они играют решающую роль в инкапсуляции, обеспечивая контролируемый доступ к функциональности класса, сохраняя при этом целостность данных. Давайте рассмотрим некоторые популярные методы, включающие публичные функции.

Раздел 2. Метод 1 — геттеры и сеттеры
Геттеры и сеттеры — это широко используемые общедоступные функции, которые обеспечивают контролируемый доступ к переменным частного класса. Рассмотрим следующий пример:

class Person {
  private _name: string;
  public get name(): string {
    return this._name;
  }
  public set name(value: string) {
    this._name = value;
  }
}
const person = new Person();
person.name = "John";
console.log(person.name); // Output: John

В этом примере свойство nameинкапсулируется с использованием частной переменной _name, а общедоступные методы получения и установки обеспечивают контролируемый доступ к нему.

Раздел 3. Метод 2. Обработка событий
Публичные функции часто используются для обработки событий в приложениях TypeScript. Вот пример, демонстрирующий обработку событий с использованием общедоступных функций:

class Button {
  public onClick: () => void;
  public click(): void {
    // Perform click logic
    if (this.onClick) {
      this.onClick();
    }
  }
}
const button = new Button();
button.onClick = () => {
  console.log("Button clicked!");
};
button.click(); // Output: Button clicked!

В этом примере класс Buttonимеет общедоступную функцию click(), которая при вызове запускает событие onClick. Обработчик событий задается с помощью общедоступного свойства onClick.

Раздел 4. Метод 3. Интеграция API
Публичные функции также часто используются для взаимодействия с API в TypeScript. Рассмотрим следующий пример с использованием Fetch API:

class ApiService {
  public async getData(): Promise<any> {
    const response = await fetch("https://api.example.com/data");
    const data = await response.json();
    return data;
  }
}
const apiService = new ApiService();
apiService.getData().then((data) => {
  console.log(data);
});

В этом примере функция getData() — это общедоступный метод, извлекающий данные из API. Он возвращает обещание, которое можно выполнить с помощью .then()для доступа к полученным данным.

Раздел 5: Заключение
Публичные функции — это фундаментальная часть TypeScript, обеспечивающая контролируемый доступ к функциональности класса и способствующая инкапсуляции. В этой статье мы рассмотрели три распространенных метода, включающих общедоступные функции: геттеры и сеттеры, обработку событий и интеграцию API. Понимая и используя эти методы, вы будете хорошо подготовлены к написанию чистого и удобного в сопровождении кода TypeScript.