Чтобы создать обратный вызов в TypeScript, вы можете использовать различные методы в зависимости от контекста и требований вашего приложения. Вот несколько распространенных методов создания обратных вызовов в TypeScript:
- Обратные вызовы функций. Вы можете определить функцию и передать ее как обратный вызов другой функции. Получающая функция может затем вызвать обратный вызов в определенное время или при возникновении определенного события.
function myCallback() {
console.log('Callback invoked!');
}
function performAction(callback: () => void) {
// Perform some action
callback();
}
performAction(myCallback);
- Обратные вызовы функций со стрелками. Функции со стрелками предоставляют краткий способ определения встроенных обратных вызовов.
performAction(() => {
console.log('Callback invoked!');
});
- Интерфейсы обратного вызова: вы можете определить интерфейс, который представляет сигнатуру функции обратного вызова, что обеспечивает лучшую безопасность типов.
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);
});
- Промисы. Промисы предоставляют альтернативный подход к обработке асинхронных операций и обратных вызовов.
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);
});