js的Promise
时间: 2023-07-25 20:04:38 浏览: 44
JavaScript 的 Promise 是一种异步编程的解决方案,它是 ECMAScript 6 (ES6) 引入的新特性。Promise 是一个对象,它代表了一个异步操作的最终完成或失败,并可以返回一个值。
Promise 的基本用法是通过构造函数创建一个 Promise 对象,然后调用该对象的 then 方法来指定成功时的回调函数和 catch 方法来指定失败时的回调函数。同时,Promise 还支持链式调用,使得多个异步操作可以按照先后顺序依次执行。
例如,以下是一个简单的 Promise 示例:
```
function asyncFunc() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const result = Math.random() < 0.5 ? 'success' : 'error';
if (result === 'success') {
resolve('操作成功');
} else {
reject('操作失败');
}
}, 1000);
});
}
asyncFunc()
.then(res => console.log(res))
.catch(err => console.error(err));
```
在这个例子中,asyncFunc 函数返回一个 Promise 对象,通过 setTimeout 模拟一个异步操作,当操作成功时,调用 resolve 方法并传入成功的结果,当操作失败时,调用 reject 方法并传入失败的原因。
在调用 asyncFunc 函数时,我们通过 then 方法指定操作成功时的回调函数,通过 catch 方法指定操作失败时的回调函数,然后等待异步操作完成并返回结果。
当异步操作成功时,会调用 then 方法中的回调函数并传入成功的结果,当异步操作失败时,会调用 catch 方法中的回调函数并传入失败的原因。
需要注意的是,Promise 的状态一旦发生改变,就不能再次改变。例如,在上面的例子中,当异步操作成功时,就会调用 resolve 方法并传入成功的结果,此时 Promise 的状态就变成了已完成状态,并且后续的 then 方法中的回调函数会被调用。如果此时再次调用 resolve 方法,就不会有任何效果。同样,如果在异步操作失败后又调用了 resolve 方法,也不会有任何效果。