在现代JavaScript及其超集TypeScript中，异步编程是一项至关重要的技能。它允许开发者处理耗时操作（如网络请求、文件读取等）而不会阻塞主线程。本文将深入探讨TypeScript中的两种主要异步编程方式：Promise和async/await。
Promise是ES6引入的一种处理异步操作的对象，它代表了一个最终可能完成（并带有一个结果值）或失败（并带有一个原因）的异步操作。Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。
Promise的构造函数接收一个执行器函数，该函数立即执行，并接收两个函数作为参数：resolve（在异步操作成功时调用）和reject（在异步操作失败时调用）。
let promise = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => {
let success = true; // 假设操作成功
if (success) {
resolve('操作成功');
} else {
reject('操作失败');
}
}, 1000);
});
promise.then(result => {
console.log(result); // 输出 '操作成功'
}).catch(error => {
console.error(error);
});
Promise支持链式调用，这使得多个异步操作可以顺序执行。
function fetchUser() {
return new Promise((resolve, reject) => {
setTimeout(() => resolve({ name: '张三' }), 1000);
});
}
function fetchUserPosts(user) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve([{ title: '文章1' }, { title: '文章2' }]), 1000);
});
}
fetchUser()
.then(user => fetchUserPosts(user))
.then(posts => console.log(posts)) // 输出用户文章
.catch(error => console.error(error));
async/await是ES8引入的语法糖，使得异步代码看起来和同步代码几乎一样，更加直观易懂。它基于Promise构建，是处理异步操作的另一种方式。
函数前加上async关键字，函数内部可以使用await关键字等待一个Promise。await关键字会暂停async函数的执行，直到Promise解决，然后继续执行async函数并返回解决的值。
async function fetchData() {
try {
let user = await fetchUser();
let posts = await fetchUserPosts(user);
console.log(posts); // 输出用户文章
} catch (error) {
console.error(error);
}
}
fetchData();
使用async/await时，可以使用try/catch语句来捕获和处理错误，这与处理同步代码中的错误方式类似。
async function riskyOperation() {
try {
let result = await someAsyncOperationThatMightFail();
console.log(result);
} catch (error) {
console.error('操作失败：', error);
}
}
Promise和async/await是TypeScript中处理异步编程的两种重要方式。Promise提供了强大的链式调用能力，而async/await则让异步代码看起来更加简洁和直观。选择哪种方式取决于具体的应用场景和团队的编码习惯。无论哪种方式，理解其内部机制都是写出高质量异步代码的关键。