es6中的promise

2018-07-08  本文已影响0人  李丹linda

1.概念:

Promise是一种异步操作,分为三种状态:pending(进行中),resolved(已完成),rejected(已失败)。

2.特点:

(1)一旦状态改变,就不会再变,任何时候都可以得到这个结果。
(2)与事件(event)的区别:时间错过了的话,再去监听是得不到结果的。

3.缺点:

(1)无法取消Promise,一旦新建,它就会立即执行,无法中途取消。
(2)如果不设置回调函数,Promise内部抛出的错误,不会反映到外部。
(3)当处于pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。

4.用法:

    <script type="text/javascript">
        var promise = new Promise((resolve,reject)=>{
          // ... 
          if (/* 异步操作成功 */){
            resolve(res);
          } else {
            reject(error);
          }
        })

        //Promise 实例生成以后,可以用then方法分别指定Resolved状态和Reject状态的回调函数。
        var promise = new Promise((resolve,reject)=>{
          // ... 
        }).then(res=>{
             //成功
             resolve(res);
          }, err=>{
            //失败
             reject(err);
          })
    </script>

5.方法:

then方法返回的是一个新的Promise的实例。因此可以采用链式写法,即在then方法后面再掉另一个then方法。

login(param).then(function(post) {
   return param;
   }).then(res=> {
      console.log("Resolved: ", res);
   }, err=>{
      console.log("Rejected: ", err);
});

第二个then方法指定的回调函数会等待这个新的 Promise 对象状态发生变化。如果变为 Resolved打印res,如果状态变为 Rejected打印err。

(1)如果异步操作抛出错误,状态就会变为Rejected,就会调用catch方法指定的回调函数,处理这个错误。
(2)then方法指定的回调函数如果运行中抛出错误,也会被catch方法捕获。
(3)Promise 对象的错误具有 “ 冒泡 ” 性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获。
(4)reject方法的作用,等同于抛出错误

var promise = new Promise((resolve, reject)=> {
try {
  throw new Error('test');
} catch(err) {
  reject(err);
}
});
// 等同于
var promise = new Promise((resolve, reject)=> {
  reject(new Error('test'));
});

接受一个数组作为参数,用于将多个 Promise 实例,包装成一个新的 Promise 实例。

var p = Promise.all([p1, p2, p3]);

p的状态由p1、p2、p3决定:
(1)只有p1、p2、p3的状态都变成已完成,p的状态才会变成已完成,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数。
(2)只要p1、p2、p3之中有一个被拒绝,p的状态就变成拒绝,此时第一个被reject的实例的返回值,会传递给p的回调函数。

同样是将多个 Promise 实例,包装成一个新的 Promise 实例
区别:哪个结果获得的快,就返回那个结果,不管结果本身是成功状态还是失败状态。

var p = Promise.race([p1,p2,p3]);

将现有对象转为 Promise 对象

Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))

返回一个新的 Promise 实例,该实例的状态为rejected。

var p = Promise.reject(' 出错了 ');
// 等同于
var p = new Promise((resolve, reject) => reject(' 出错了 '))
p.then(null, function (s){
  console.log(s)
});

Promise的实现

https://imweb.io/topic/5bbc264b6477d81e668cc930

上一篇下一篇

猜你喜欢

热点阅读