Методы создания обратных вызовов в TypeScript: подробное руководство

Чтобы создать обратный вызов в TypeScript, вы можете использовать различные методы в зависимости от контекста и требований вашего приложения. Вот несколько распространенных методов создания обратных вызовов в TypeScript:

  1. Обратные вызовы функций. Вы можете определить функцию и передать ее как обратный вызов другой функции. Получающая функция может затем вызвать обратный вызов в определенное время или при возникновении определенного события.
function myCallback() {
  console.log('Callback invoked!');
}
function performAction(callback: () => void) {
  // Perform some action
  callback();
}
performAction(myCallback);
  1. Обратные вызовы функций со стрелками. Функции со стрелками предоставляют краткий способ определения встроенных обратных вызовов.
performAction(() => {
  console.log('Callback invoked!');
});
  1. Интерфейсы обратного вызова: вы можете определить интерфейс, который представляет сигнатуру функции обратного вызова, что обеспечивает лучшую безопасность типов.
interface MyCallback {
  (result: string): void;
}
function performAsyncAction(callback: MyCallback) {
  // Perform some async action and pass the result to the callback
  const result = 'Async operation complete';
  callback(result);
}
performAsyncAction((result) => {
  console.log('Callback invoked with result:', result);
});
  1. Промисы. Промисы предоставляют альтернативный подход к обработке асинхронных операций и обратных вызовов.
function performAsyncAction(): Promise<string> {
  return new Promise((resolve, reject) => {
    // Perform some async action and resolve/reject the promise accordingly
    const result = 'Async operation complete';
    resolve(result);
  });
}
performAsyncAction().then((result) => {
  console.log('Async operation complete with result:', result);
});