asyn await promise例子了解基本用法

本文主要是介绍asyn await promise例子了解基本用法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

以下是一个简单的示例，演示了如何使用async和await来异步处理数据：

假设我们有一个函数，它需要从远程服务器获取数据。我们可以使用async和await来异步地处理这个请求，这样不会阻塞程序的执行。

async function fetchData() {

try {

const response = await fetch('https://api.example.com/data'); // 异步获取数据

const data = await response.json(); // 解析返回的数据

console.log(data); // 打印数据

} catch (error) {

console.error('Error:', error); // 处理错误

}

在上面的示例中，我们使用了async关键字来声明一个异步函数fetchData。在函数内部，我们使用await关键字来等待fetch请求的完成，并返回一个Promise对象。然后，我们使用await关键字来等待Promise解析并返回数据。如果发生错误，我们使用try-catch块来捕获并处理错误。

通过这种方式，我们可以使用async和await来异步地处理数据，而不会阻塞程序的执行。同时，我们还可以使用try-catch块来轻松地捕获和处理错误。

以下是一个使用async/await和Promise的示例：
// 创建一个异步函数async function fetchData() {
// 模拟异步操作
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('数据获取成功！');
}, 1000);
});
}
// 使用async/await调用异步函数async function main() {
try {
const data = await fetchData(); // 等待异步操作完成并获取结果
console.log(data); // 打印结果
} catch (error) {
console.error('发生错误：', error); // 处理错误
}
}
// 调用主函数main();
在上面的示例中，我们首先创建了一个异步函数fetchData，它返回一个Promise对象。在Promise中，我们使用setTimeout模拟了一个异步操作，并在1秒后将结果解析为字符串'数据获取成功！'。然后，我们在主函数main中使用await关键字等待fetchData函数的异步操作完成并获取结果。如果异步操作成功完成，则将结果打印到控制台。如果发生错误，则使用catch块捕获并打印错误信息。最后，我们调用主函数main来执行整个流程。