Promise和async/await详解
时间: 2023-10-18 13:03:37 浏览: 45
Promise是一种处理异步操作的方式,它作为一个容器,存储着一个尚未完成的异步操作的结果,可以在异步操作完成后获取到该结果。Promise可以用于解决回调地狱的问题,使代码更加简洁明了。
async/await是ES2017中新增的语法,提供了一种更加直观的方式来处理异步操作。async函数返回一个Promise对象,可以在其中使用await关键字等待异步操作的结果。使用async/await可以使异步操作的代码更加清晰易懂,避免了回调嵌套的问题。
下面是Promise和async/await的具体使用方法:
Promise:
```
function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = 'Hello, world!';
if (data) {
resolve(data);
} else {
reject(new Error('Data not found.'));
}
}, 1000);
});
}
getData()
.then(data => console.log(data))
.catch(error => console.error(error));
```
async/await:
```
async function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = 'Hello, world!';
if (data) {
resolve(data);
} else {
reject(new Error('Data not found.'));
}
}, 1000);
});
}
async function processData() {
try {
const data = await getData();
console.log(data);
} catch (error) {
console.error(error);
}
}
processData();
```
从上面的例子可以看出,使用async/await比使用Promise更加简洁明了。但是需要注意的是,使用async/await要求代码运行在支持Promise和async/await的环境中。