es6中的promise

1.概念:

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

2.特点:

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

3.缺点:

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

4.用法:

    
  • resolve函数表示状态从 “ 未完成 ” 变为 “ 成功 ” ,在异步操作成功时调用,并将异步操作的结果作为参数传递出去。
  • reject函数表示状态从 “ 未完成 ” 变为 “ 失败 ”,在异步操作失败时调用,并将异步操作的错误作为参数传递出去。

5.方法:

  • Promise.prototype.then()

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。

  • Promise.prototype.catch()

(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.all()

接受一个数组作为参数,用于将多个 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.race()

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

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

将现有对象转为 Promise 对象

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

返回一个新的 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

你可能感兴趣的:(es6中的promise)