zoukankan      html  css  js  c++  java
  • 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 的方法

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

  • 相关阅读:
    无监督学习
    监督学习
    cmd
    oj1026
    oj1025
    使用虚函数的不同模式
    hdu1166:敌兵布阵(树状数组或线段树)
    传纸条(动态规划)
    SDUT 1266 出栈序列统计(卡特兰数)
    HDU 5063 Operation the Sequence
  • 原文地址:https://www.cnblogs.com/zzz035921/p/11347920.html
Copyright © 2011-2022 走看看