JavaScript中的异步编程模式：Promises与Async/Await

在JavaScript中，异步编程是处理耗时操作（如网络请求、文件读写等）的关键。随着JavaScript的不断发展，多种异步编程模式应运而生，其中Promises和Async/Await是目前最流行的两种。本文将介绍这两种模式的基本概念、用法以及它们之间的区别和联系。

Promises

Promises是ES6中引入的一种用于处理异步操作的机制。它代表了一个尚未完成但预期将来会完成的异步操作的结果。一个Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

javascript复制代码

	function fetchData() {
	return new Promise((resolve, reject) => {
	// 模拟异步操作，例如网络请求
	setTimeout(() => {
	// 成功时
	resolve("Data fetched successfully");
	// 或失败时
	// reject("Failed to fetch data");
	}, 1000);
	});
	}
	fetchData().then(data => {
	console.log(data); // 输出: Data fetched successfully
	}).catch(error => {
	console.error(error);
	});

Async/Await

Async/Await是建立在Promises之上的语法糖，它使得异步代码看起来和同步代码一样。async关键字用于声明一个异步函数，该函数会隐式返回一个Promise。await关键字用于等待Promise解决，并暂停async函数的执行，直到Promise被解决，然后继续执行async函数并返回解决结果。

javascript复制代码

	async function fetchDataAsync() {
	try {
	const data = await new Promise((resolve) => {
	setTimeout(() => resolve("Data fetched successfully"), 1000);
	});
	console.log(data); // 输出: Data fetched successfully
	} catch (error) {
	console.error(error);
	}
	}
	fetchDataAsync();

Promises与Async/Await的比较

• 可读性：Async/Await的语法更接近同步代码，使得异步逻辑更加直观易懂。