Promise

Promise es6 是异步编程的解决方案;

  回调里面套回调,次数过多,造成的现象叫,回调地狱

  promise 提供了三种状态,分别是 pending 进行时的状态,fulfilled 成功的状态,它会自动调用一个叫 resolve 的方法,rejected 拒绝的状态,会自动调用 reject 这个方法

  用法:

    var p = new Promise(function(resolve,reject){    // Promise 的实例只能这么使用

      resolve(res)    // 成功的回调

      reject(err)       // 失败的回调

    })

    现在 p 就是 Promise 的实例,实例上有两个方法,一个代表成功的 then ,一个代表失败的 catch

    p.then(function(res){

      console.log(res)    // 成功后响应

    }).catch(function(err){

      console.log(err)    // 失败后响应

    })

    注意事项:1. 成功 (resolve) 和拒绝 (reject) 二选一 (只能选一个) 

         2. 当是 resolve 的时候,其实就是调用 then 这个方法

         3. 当是 reject 的时候,其实就是调用了 catch 这个方法

    Promise 对异步代码的整合

  promise 的三种使用方法 es6 写法

    1. 基本用法

    new Promise((resolve,reject)=>{

      resolve()

      reject()

    }).then(res=>{

      console.log(res)

    }).catch(err=>{

      console.log(err)

    })

    2. 链式调用,

    new Promise((resolve,reject)=>{

      resolve(res)

      reject(err)

    }).then(res=>{

      console.log(res);

      return new Promise((resolve,reject)=>{

        resolve(res)

        reject(err)

      })

 

    }).then(res=>{

      console.log(res)

    }).catch(err=>{

      console.log(err)

    })

  3. 并发 (一起进行异步处理)

    var p1 = new Promise((resolve,reject)=>{

      resolve(res)

      reject(err)

    })

    var p2 = new Promise((resolve,reject)=>{

      resolve(res)

      reject(err)

    })

    Promise.all([p1,p2]).then(res=>{

      console.log(res)

    }).catch(err=>{

      console.log(err)

    })

  Promise 中不能实现功能,让 .then() 去实现

  数组中的异步都成功了才执行 then() 方法,有一个不成功才会执行 catch 的方法

  不要让项目产生过多的对第三方的依赖

posted @ 2019-08-13 19:14  前端工作员  阅读(137)  评论(1编辑  收藏  举报