promise

promise 异步编程的解决方案(解决回调地狱)

  三种状态: pending-进行中、resolve-已完成、rejected-失败

promise 的基本用法:

  let promise = new Promise( (resolve, reject) => {

    if (sucess) {

      resolve(a) 

    } else {

      reject(err)

    }

  })

 

promise原型链上的方法

 1. then()包含两个参数方法, resolve.reject

  promise.then(

    (resolve) => {console.log('已成功resolve')},

    (reject) => {console.log('失败reject')}

 )

 2.catch()的作用捕获promise的错误,与then()方法reject回调一致,但是由于promise的报错具有冒泡的性质,能够不断传递,能够在下一个catch()中统一处理,同时catch()也能够捕获then()中抛出的错误

  promise.then(

    () => { console.log( '成功resolved' )}

  ).catch(

    (err) => { console.log( 'err' ) }

  )

then() 和 catch() 都会返回一个新的promise对象,可以链式调用

  promise.then(

    () => {console.log( 'resolved' }

  ).catch(

    () => {console.log( 'err' )}

  ).then().catch()

 

then()方法本身返回一个新的promise,所以后一个then()针对的永远是一个新的promise

promise 异步编程的解决方案(解决回调地狱)

  三种状态: pending-进行中、resolve-已完成、rejected-失败

promise 的基本用法:

  let promise = new Promise( (resolve, reject) => {

    if (sucess) {

      resolve(a) 

    } else {

      reject(err)

    }

  })

 

promise原型链上的方法

 1. then()包含两个参数方法, resolve.reject

  promise.then(

    (resolve) => {console.log('已成功resolve')},

    (reject) => {console.log('失败reject')}

 )

 2.catch()的作用捕获promise的错误,与then()方法reject回调一致,但是由于promise的报错具有冒泡的性质,能够不断传递,能够在下一个catch()中统一处理,同时catch()也能够捕获then()中抛出的错误

  promise.then(

    () => { console.log( '成功resolved' )}

  ).catch(

    (err) => { console.log( 'err' ) }

  )

then() 和 catch() 都会返回一个新的promise对象,可以链式调用

  promise.then(

    () => {console.log( 'resolved' }

  ).catch(

    () => {console.log( 'err' )}

  ).then().catch()

 

then()方法本身返回一个新的promise,所以后一个then()针对的永远是一个新的promise

### Promise 在异步编程中的角色 Promise 是一种用于处理异步操作的解决方案,它在语法上是一个 ES6 的原生对象,代表了未来将要发生的事件,用来传递异步操作的消息。从本质上讲,Promise 是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 Promise 提供了一个统一的 API,使得各种异步操作可以使用相同的方法进行处理。这意味着无论异步操作的结果是成功还是失败,都可以通过 Promise 的 API 来处理这些结果。 Promise 对象有两个主要的状态变化:从 pending(等待)变为 fulfilled(已成功)或 rejected(已失败)。一旦状态改变,就不会再变,这保证了 Promise 的结果是不可逆的。 下面是一个简单的 Promise 使用示例: ```javascript var p1 = new Promise(function(resolve, reject) { // 异步操作 resolve('OK'); // 或者 reject('Error'); }); p1.then(function(rs) { // 如果 p1 的状态变为 resolved,则执行此函数,并且 rs 会接收到 'OK' }).catch(function(rs) { // 如果 p1 的状态变为 rejected,则执行此函数,并且 rs 会接收到 'Error' }).finally(function() { // 不论 p1 的状态如何,finally 中的函数一定会执行 }); ``` 此外,Promise 还提供了 `Promise.all()` 方法,该方法接收一个 Promise 数组,并返回一个新的 Promise。只有当数组中的所有 Promise 都成功完成时,这个新的 Promise 才会成功,并且其结果是一个包含所有 Promise 结果的数组。 ```javascript let p1 = new Promise((resolve, reject) => { resolve('OK'); }); let p2 = Promise.reject('error'); // 修改为 reject 以展示错误处理 let p3 = Promise.resolve('Oh Year!'); const result = Promise.all([p1, p2, p3]); console.log(result); ``` 在这个例子中,由于 p2 被设置为 rejected,所以整个 Promise.all 的结果也会是 rejected。如果希望即使有一个失败也要继续执行其他 Promise,可以考虑使用 `Promise.allSettled()` 方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值