promise async await 代码片段举例
时间: 2023-06-22 16:21:55 浏览: 97
下面是一个使用 Promise 和 async/await 两种方式实现异步操作的示例:
使用 Promise:
```javascript
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = [1, 2, 3, 4, 5];
resolve(data);
}, 1000);
});
}
fetchData().then(data => {
console.log(data);
}).catch(error => {
console.error(error);
});
```
使用 async/await:
```javascript
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = [1, 2, 3, 4, 5];
resolve(data);
}, 1000);
});
}
async function displayData() {
try {
const data = await fetchData();
console.log(data);
} catch (error) {
console.error(error);
}
}
displayData();
```
在上面的示例中,fetchData 函数返回一个 Promise 对象,表示异步的数据获取操作。使用 then 方法或 async/await 来获取操作结果。
使用 async/await 可以让异步操作的代码更加简洁和易读。其中 async 关键字用来声明异步函数,await 关键字用来等待异步操作完成并获取其结果。同时,使用 try-catch 语句来处理可能出现的错误。
阅读全文