TypeScript 中创建异步函数的方法

在 TypeScript 的编程世界里，异步操作是处理耗时任务、网络请求等场景的关键。掌握创建异步函数的方法，能极大提升代码的性能和用户体验。

使用 async/await

async/await 是 TypeScript 中处理异步操作的现代且直观的方式。一个 async 函数总是返回一个 Promise。例如：

async function fetchData() {
    return '这是异步获取的数据';
}
fetchData().then(data => {
    console.log(data); 
});

在上述代码中，fetchData 是一个异步函数，它返回的数据会被包装成一个 Promise。调用这个函数时，可以使用 .then 来处理返回结果。

async/await 常与 try...catch 块结合使用，用于捕获异步操作中可能出现的错误。例如：

async function asyncOperation() {
    try {
        const result = await someAsyncFunction();
        console.log(result); 
    } catch (error) {
        console.error('发生错误:', error); 
    }
}

这里，await 关键字会暂停异步函数的执行，直到 Promise 被解决（resolved）或被拒绝（rejected）。如果 Promise 被解决，await 会返回解决的值；如果被拒绝，会抛出错误，可在 catch 块中捕获。

使用 Promise

Promise 是 JavaScript 和 TypeScript 中处理异步操作的基础。可以通过定义一个返回 Promise 的函数来创建异步函数。比如：

function asyncFunction(): Promise<string> {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('异步操作完成'); 
        }, 1000);
    });
}
asyncFunction().then(result => {
    console.log(result); 
});

在这个例子中，asyncFunction 返回一个 Promise，通过 setTimeout 模拟一个异步操作，1 秒后解决 Promise 并返回数据。

使用回调函数模拟异步

虽然回调函数不是处理异步的最佳选择，但在某些场景下依然可用。例如：

function asyncWithCallback(callback: (result: string) => void) {
    setTimeout(() => {
        const data = '通过回调获取的数据';
        callback(data); 
    }, 1500);
}
asyncWithCallback((result) => {
    console.log(result); 
});

这里 asyncWithCallback 接受一个回调函数作为参数，在异步操作完成后调用该回调并传递数据。

TypeScript 提供了多种创建异步函数的方法，async/await 简洁明了，Promise 灵活通用，回调函数则适用于一些简单场景。开发者可根据具体需求选择合适的方式，提升代码的异步处理能力。