es6的promise用法详解

es6的promise用法详解

  • promise 原理
    • promise是es6的异步编程解决方案, 是es6封装好的对象;
    • 一个promise有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败);
    • 缺点:一旦执行无法取消;无回掉函数,promise只在内部报错;当处于pending状态时无法监控其是刚开始还是即将结束
  • 用法测试
    ```javascript
    //方法编写
    function getjson (num){
    var timer=null
    var promising=new Promise(function(resolve,reject){
    if(!num){
    reject("num don't find")
    }
    timer=setInterval(function(){
    if(num<5){
    num++
    }else{
    resolve(num)
    clearInterval(timer)
    }
    },1000)
    });
    return promising;
    }
    //调用方式1 成功
    getjson(1).then(function(json){
    console.log(222)
    console.log(json)
    },function(error){
    console.log(111)
    console.log(error)
    })
    //调用方式2 成功
    getjson(1).then(function(json){
    console.log(222)
    console.log(json)
    }).catch(function(error){
    console.log(111)
    console.log(error)
    })
    //调用方式3 失败
    getjson(1).then(function(json){
    console.log(222)
    console.log(json)
    }).catch(function(error){
    console.log(111)
    console.log(error)
    })
    //输出结果是5秒之后打印出222和json的值

    ```

  • 注意点
    • 必须new promise对象,同时传递resolve,reject两个参数,resolve是成功后的调用,reject是失败后的调用;
    • 调用方式2优于调用方式1,理由是Promise 对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获,第二种写法可以捕获前面then方法执行中的错误,也更接近同步的写法(try/catch);
    • done()和finally()方法在有的浏览器可能不存在。打印执行后的getjson()对象,在原型里没有找到这两个方法,原因未明;
  • 源码:git@github.com:Frankltf/js-promise.git

上一篇:使用Microsoft Fakes进行单元测试(1)


下一篇:display :inline-block 处理点小障碍