Typescript的Promise原理及应用场景
// 定义一个函数,返回一个Promise对象
function asyncOperation(): Promise<string> {
// 使用setTimeout模拟异步操作
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve("异步操作完成");
}, 1000); // 1秒后调用resolve
});
}
// 使用Promise
asyncOperation().then((result) => {
console.log(result); // 输出: 异步操作完成
}).catch((error) => {
console.error(error);
});
// 使用async/await简化异步代码
async function asyncOperationWithAwait() {
try {
const result = await asyncOperation();
console.log(result); // 输出: 异步操作完成
} catch (error) {
console.error(error);
}
}
// 调用async函数
asyncOperationWithAwait();
这段代码展示了如何在TypeScript中创建和使用Promise对象。asyncOperation
函数返回一个Promise,在该Promise解析之后,会输出一个字符串。使用async/await
可以使异步代码看起来更像同步代码,使得异步流程更易于理解和维护。
评论已关闭