promise 初步了解

什么是Promise

Promise是抽象异步处理对象以及对其进行各种操作的组件。能够异步发送请求，基于并行处理的编程语言。主要学习的是JavaScript promise。
基于js的异步处理，大概率是利用回调函数。

而Promise则是把类似的异步处理对象和处理规则进行规范化，并按照采用统一的接口来编写，

创建一个Promise对象

var promiseObj = new Promise(function(resolve, reject){
    //需要处理的内容
    
    //处理结束后、调用resolve 或 reject,通过这种方式可以向实例传参，resolve（value） reject（new error（））
})
# 简约版创建promise对象
var promiseObj = promise.resolve(2)

# 等价于
var promiseObj = new  Promise(function(resolve, reject){
    resolve(2)
})

Promise 对象的实例方法

promiseObj.then(onFulfilled, onRejected) 在成功/失败时都能调用

#then只是处理成功回调函数
promise.then(function(value){
    console.log(value)   // value是resolve传的参
})
#then处理成功和失败回调函数
promise.then(
function(value){},
function(error){}
)

promiseObj.catch(onRejected) 在失败时被调用

promiseObj.catch(function(errorObj){
    console.log(errorObj)
})

需要注意的是成功函数resolve 传的参是一个value值，reject 传的参数是一个 error 对象

Promise 对象的静态方法

promiseObj.all()、promiseObj.race() 接收一个promise对象的数组作为参数。

// 参数传递promise数组中所有的promise对象都变为resolve的时候，该方法才会返回， 新创建的promise则会使用这些promise的值。如果参数中的任何一个promise为reject的话，则整个Promise.all调用会立即终止，并返回一个reject的新的promise对象。
promiseObj.all([promiseObj1,promiseObj2,promiseObj3]).then(
function(value){
    console(value)
})

//当这个数组中任意一个promise对象变为resolve或reject状态即可执行
promiseObj.race(function(value){
    console(value)
})

静态方法中数组参数的promise对象是同时执行的，但是promise.all()、promise.race() 的then() 是根据数组的顺序传参执行

Promise 三种状态

Pending : promise刚刚被创建的状态
Rejected : reject(失败)时
Fulfilled : resolve(成功)

image

promise的方法链

promise.then() 或者 promise.catch() 执行完以后会返回一个新的promise对象

function taskA() {
    console.log("Task A");
}
function taskB() {
    console.log("Task B");
}
function onRejected(error) {
    console.log("Catch Error: A or B", error);
}
function finalTask() {
    console.log("Final Task");
}

var promise = Promise.resolve();
promise
    .then(taskA)
    .then(taskB)
    .catch(onRejected)
    .then(finalTask);