Promise

  • 调用resolve或reject并不会终结 Promise 的参数函数的执行。
  • Promise 对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获。
  • Promise.prototype.catch方法是.then(null, rejection)的别名,用于指定发生错误时的回调函数
  • 一般来说,不要在then方法里面定义Reject状态的回调函数(即then的第二个参数),总是使用catch方法。
  • Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。
var p = Promise.all([p1, p2, p3]);

上面代码中,Promise.all方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例,如果不是,就会先调用下面讲到的Promise.resolve方法,将参数转为 Promise 实例,再进一步处理。(Promise.all方法的参数可以不是数组,但必须具有 Iterator 接口,且返回的每个成员都是 Promise 实例。)

  • Promise.race方法同样是将多个Promise实例,包装成一个新的Promise实例。
    上面代码中,只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数。

  • Promise.resolve()
    有时需要将现有对象转为Promise对象,Promise.resolve方法就起到这个作用。

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

一个简单的promise

class Promise {
    constructor() {
        this.callbacks = [];
    }

    then(onsuccess, onfail) {
        this.callbacks.push({
            resolve: onsuccess,
            reject: onfail
        });
        return this
    }
    
    resolve(result){
        this.complete('resolve',result);
    }
    reject(result){
        this.complete('reject',result);
    }
    complete(type,result){
        var callbackObj = this.callbacks.shift();
        callbackObj[type](result);
    }
}


var p = new Promise();
function fn() {
    console.log('fn');
    setTimeout(function () {
        p.reject('data1');
    },1000);
    return p;
}

function fn1(result) {
    console.log('fn1',result);
    setTimeout(function () {
        p.resolve('data2');
    },1000);
}

function fn2(result) {
    console.log('fn2',result);
}

function fn3(result) {
    console.log('fn3',result);
}


fn().then(fn1,fn3).then(fn2);

你可能感兴趣的:(Promise)