在TypeScript中声明回调函数

在TypeScript中，函数参数的类型注释可以用来声明回调函数。回调函数是传递给其他函数的函数，它将在某个时间点被调用。在TypeScript中，你可以使用类型注释来定义回调函数的输入和输出类型。
下面是一个简单的示例，演示如何在函数中声明回调函数：

// 定义一个回调函数类型
type Callback = (err: Error | null, result: string) => void;
// 定义一个函数，接受一个回调函数作为参数
function doSomethingAsync(callback: Callback) {
// 执行异步操作
someAsyncFunction(() => {
// 调用回调函数
callback(null, '成功的结果');
});
}
// 定义一个回调函数
const callback: Callback = (err, result) => {
if (err) {
console.error('发生错误:', err);
} else {
console.log('结果:', result);
}
};
// 使用回调函数
doSomethingAsync(callback);

在上面的示例中，我们首先定义了一个名为Callback的类型，它表示一个回调函数。该回调函数接受两个参数：err和result，并返回void。然后，我们定义了一个名为doSomethingAsync的函数，它接受一个类型为Callback的参数callback。在函数内部，我们执行异步操作，并在完成后调用回调函数callback。回调函数根据err参数的值执行不同的操作：如果err不为空，则打印错误信息；否则，打印结果。
通过使用类型注释来定义回调函数的类型，我们可以提供更好的类型安全性。这意味着在传递回调函数时，TypeScript将自动检查参数和返回值的类型是否符合预期。这有助于减少错误并提高代码的可读性和可维护性。
需要注意的是，在TypeScript中，可以使用箭头函数来简化回调函数的声明。例如，上面的回调函数可以使用箭头函数重写为：

const callback: Callback = (err, result) => {
if (err) {
console.error('发生错误:', err);
} else {
console.log('结果:', result);
}
};

可以简化为：

const callback: Callback = (err, result) => {
console.error(err?.message || '未知错误');
console.log('结果:', result);
};

使用箭头函数可以简化代码并提高可读性。箭头函数会自动推断返回值类型为void，因此不需要显式声明。此外，箭头函数还支持可选链操作符（?.），这使得处理可能为空的值更加简洁和安全。