promise相关

Promise是ES6中提出的解决异步编程导致的陷入回调地狱问题的方案,而且,promise本身是同步的,但是,.then()和.catch()是异步的。

let a=new Promise((res,rej)=>{
    console.log(1);
    res(2);
})
a.then(res=>{
    console.log(3);
    console.log(res);
})
console.log(4);

结果如下:

重点:在promise中,如果调用了res()或者rej(),这个并不影响后续代码的执行的,因为promise是同步的,但是呢,在.then/.catch中的代码是异步的,会放到任务队列最后才执行。

也就是说,先执行完同步任务promise之后,then/catch中的代码会等到其他的同步任务执行完了之后才执行。

setTimeout(()=>{
    console.log(1)
},0)
new Promise((res,rej)=>{
       res();
       console.log(2)
}).then(()=>{
    console.log(3)
}).catch(()=>{
    console.log(4)
})
console.log(5);

因为setTimeout输入异步任务中的宏任务,等于在排队时重新排了,因此它的执行顺序就从原来的位置变成了最后执行
至于promise中的2先输出,那是因为它属于同步任务
但是,promise之后的then却是异步任务中的微任务,因此,它的执行顺序就比最后的那句console.log(5)后面了一些,但由于then和catch都是微任务,微任务的执行优先级比宏任务高了一些,因此,先执行完then之后才去执行setTimeout。

PromiseJavaScript 中一种处理异步操作的机制,它帮助开发者更好地组织和管理异步代码,使得代码更易于理解和维护。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。Promise 有以下几个主要的方法: 1. **`new Promise()`**:创建一个新的 Promise 对象,接受一个函数作为参数,这个函数有两个参数:resolve(成功回调)和 reject(失败回调)。 ```javascript const myPromise = new Promise((resolve, reject) => { // 异步操作 if (/* 成功 */) { resolve(value); } else { reject(error); } }); ``` 2. **`.then(onFulfilled, onRejected)`**:当 Promise 转变为 fulfilled 时,执行 onFulfilled 函数;如果变为 rejected,则执行 onRejected 函数。返回一个新的 Promise。 ```javascript myPromise.then(result => { // 处理成功结果 }, error => { // 处理错误 }); ``` 3. **`.catch(onRejected)`**:这是一个简写版的 `.then(null, onRejected)`,用于处理 Promise 的拒绝情况。 ```javascript myPromise.catch(error => { // 错误处理 }); ``` 4. **`.finally(onFinally)`**:无论 Promise 是否完成,都会执行 onFinally 函数,主要用于清理资源或做其他最终操作。 ```javascript myPromise.finally(() => { // 执行无论成功失败都会进行的操作 }); ``` 5. **`.all(arrayOfPromises)`** 和 **`.race(arrayOfPromises)`**:前者等待所有 Promise 全部成功后返回结果数组,后者则返回第一个完成的 Promise 结果。 6. **`Promise.resolve(value)`** 和 **`Promise.reject(error)`**:静态方法,用于直接创建已成功或已失败的 Promise。 7. **`.chain()` 或 `.then().then()`**:链式调用,用于在一系列的异步操作之间建立依赖关系。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值