promise 学习笔记

//promise基本用法
// var p = new Promise(function(resolve，reject){

// }).then(function(data){

// }).then(function(data){

// }).then.....

/*
Promise接受一个回调函数，回调函数接收两个参数，resolve（将Promise的状态从pending变为fulfilled，
在异步操作成功时调用，并将异步操作的结果传递出去）、reject（将Promise的状态从pending变为rejected，在异步操作失败时调用，
将异步操作的错误作为参数传递出去）这两个都是函数，表示成功和失败的处理函数。then中接受的是上一次回调返回的结果，所以这样的链式调用就可以完全清晰的实现多层调用。
*/

/*Promise对象有两个特点： 
①，对象的状态不受外界的影响，Promise有三种状态：Pending（进行中）、fulfilled（已成功）、rejected（失败），只用异步操作的结果可以决定当前是哪一种状态，其他任何操作都无法改变这个操作。 
②.一旦状态改变之后就不会再改变。任何时候都可以得到这个结果。状态变化只有两种可能：从pending到fulfilled和从pending到rejected。只要改变就已经定型了。
*/

//这里说明promise是创建就执行的
let p = new Promise(function (resolve,reject) {
    console.log('start');
    resolve();
    //reject();
});
setTimeout(function(){
    console.log("setTimeout");
},0);//这里是下个事件循环开始才会执行

p.then(function () {//这里触发resolve后运行
    console.log('resolve');
    return 'success';
},function () {//这里触发reject后运行
    console.log('reject');
    return 'error';
}).then(function (params) {
    console.log(params);
});//这里params参数获取到了上一个then函数返回的aaa

console.log('async running');
/*
执行打印:
start
async running
resolve
success
setTimeout
*/


//promise捕捉错误
let p1 = new Promise(function (resolve, reject) {
    resolve();
    reject('reject');
});

p1.then(function () {
    console.log('resolve');
    foo + 1; //这里写一段错误代码
}, function (params) {
    console.log(params);
}).catch(function (reason) { //参数为错误信息
    console.log('捕捉catch错误'); //捕捉到这个错误
    //console.log(reason);//打印错误信息
});


console.log('test'); //这里正常执行了
/*
    reject抛出错误 被then的第二个回调函数捕获获取参数打印 一般来说then的第二个回调函数或者catch都能捕获错误  个人推荐后者 一目了然
*/


//Promise.resolve方法
let obj = {
    then: function (resolve, reject) {
        //resolve(42);
        reject(45);
    }
};
//可以把一般对象转换成promise对象 前提是有then方法  状态可以为resolve或者reject 视情况而定
let p2 = Promise.resolve(obj);
//也可以直接传参let p2 = Promise.resolve('resolve');
p2.then(function (params) {
    console.log(params);
}).catch(function (reason) {
    console.log(reason);
});

//Promise.all方法 
let pa1 = new Promise(function (resolve, reject) {
    setTimeout(() => {
        resolve('3s timeout');
    }, 0);
});

let pa2 = Promise.resolve('test');
let pa3 = Promise.resolve('a');

//这里会等待数组里的所有promise对象都决议之后才会调用then方法
Promise.all([pa1, pa2, pa3]).then(function (data) {
    console.log('开始执行then函数');
    console.log(data); //[ '3s timeout', 'test', 'a' ]  这里输出所有promise成为resolve状态后传入的参数
}).catch(function (reason) {
    console.log(reason);
})


//Promise.race方法
let pr1 = new Promise(function (resolve,reject) {
    setTimeout(() => {
        resolve('5s timeout');
    }, 60000);
});
let pr2 = new Promise(function (resolve,reject) {
    setTimeout(() => {
        resolve('3s timeout');
    }, 3000);
});
let pr3 = new Promise(function (resolve,reject) {
    setTimeout(() => {
        resolve('1s timeout');
    }, 1000);
});

//这里会返回第一个决议的promise对象
Promise.race([pr1,pr2,pr3]).then(function (data) {
    console.log(data);//1s timeout
}).catch(function (reason) {
    console.log(reason);
});

//Promise.reject  生成状态为rejected的Promise实例。
let error = 'error';
let ep = Promise.reject(error);

ep.then(function () {
    console.log("resolved");
}).catch(function (e) {
    console.log(e === error) //true
    console.log(e) //Hello
})