promise介绍和使用

promise实例讲解

1、Promise定义：

es6提供的一种新的适合书写异步任务，尤其需要多次连续调用的异步任务的解决方案。是一个构造函数。

直接在浏览器控制台打印看下：执行如下语句

console.dir(Promise)

可以看到typeof返回的值是function。

构造函数内置的属性有name和length.方法分别有 all allSettled any finally race reject resolve try。原型链上有方法 then catch finally

2、用法

创建新的Promise对象时，需要传入一个函数，传入的函数有两个参数，分别是 resolve和reject。resolve用于成功执行时的回调，reject用于未成功执行。

可以看到，只要创建了new Promise，promise内部代码就会执行。

let p1 = new Promise((resolve, reject) => {
    console.log('first promise');
    setTimeout(() => {
        console.log('first promise, async is running');
        resolve('running success! this is promise result!')
    })
})

// 输出
// first promise
// first promise, async

回调函数用法

function asyncPromise1() {
    return new Promise((resolve, reject) => {
        console.log('first promise');
        setTimeout(() => {
            console.log('first promise, async is running');
            resolve('running success!')
        })
    })
}

asyncPromise1().then((res) => {
    console.log(`this is result: ${res}`);
})

// 输出
// first promise
// first promise, async is running
// this is result: running success!

3、特殊用法

Promise.all: 接收一个可迭代类型对象，包括array/map/set。返回一个promise实例。
可迭代类型对象的全部结果放在一个数组中返回。
其中某个对象执行失败即遇到了reject，全部对象都会立即返回，得到这个reject的对象结果。
用于保证多个promise全部执行完成。（必须等待全部执行完成，其中一个失败就全部失败）

Promise.all([p1, p2, p3]).then(resArr => {
    // 这里resArr是p1 p2 p3执行成功的返回结果数组
    console.log(resArr);
}).catch(reason => {
    // reason是某个执行失败的返回结果
    console.log(reason);
})

Promise.any() 接收可迭代对象。返回promise实例。

​ 只要其中一个promise对象执行成功就返回，获取其结果。

​ 只有全部promise执行失败时，才会最终失败。

Promise.race(iterable): 接收可迭代对象。返回promise实例。

​ 只要其中一个执行成功或者失败，整体就会成功或者失败。