promise

什么是promise？

简单地说：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息。从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。

promise的作用

（1）、避免回调地狱的问题；

• 回调地狱：某个异步操作需要等待之前的异步操作完成以后，无论是回调还是函数，都会陷入不断的嵌套

（2）、可以解决异步的问题

promise三种状态

• pending ：挂起（等待）状态，处于未决阶段；
• resolved : 已处理状态， 处于已决阶段 ；表示已经出现结果，并且可以按照正常的逻辑进行下去的一种结果 ；
• rejected : 已拒绝状态，处于已决阶段，表示已经出现结果，无法按照正常的逻辑进行下去的一种结果

把事情从pending状态推向resolved状态的过程，传递的是有效数据；把事情从pending状态推向rejected状态的过程，传递的是错误信息。

promise用法

promise是一个构造函数，因此使用new关键字创建一个promise

const pro = new Promise((resolve,reject)=>{})

Promise的构造函数接收一个参数：函数，并且这个函数需要传入两个参数：

• resolve ：异步操作执行成功后的回调函数
• reject：异步操作执行失败后的回调函数

resolve和reject只能写一个，如果使用多个则只有第一个有效：

const pro = new Promise((resolve,reject)=>{
            reject(123)
            resolve({})
        })
        pro.then(data=>{
            //resolved状态
            console.log(data)
        },err=>{
            //rejected状态
            console.log(err)
        })

这里只会执行reject(123)，打印123.resolve({})这句话并没什么用。

promise的原型方法

1. then(data=>{},err=>{} )
then中传了两个参数，第一个对应resolve的回调，第二个对应reject的回调。
2. catch(err=>{} )
catch对应reject的回调。
3.finally()
没有参数，当promise为已决状态是则会运行该函数
作用：

1.测试promise
2.对于异步操作完成以后不论结果如何的后续处理

promise的静态成员

1.resolve()

  const pro = Promise.resolve(1)

等同于

const pro = new Promise((resolve,reject)=>{
           resolve(1)
})

2.reject()

const pro= Promise.reject(2)

等同于

const pro = new Promise((resolve,reject)=>{
       reject(2)
 })

特殊情况：resolve和reject两个静态成员如果传递的是promise,则直接返回一个promise对象

const pro = new Promise((resolve,reject)=>{
      resolve(123)
})
const pro2 = Promise.resolve(pro)
console.log(pro2 === pro) //true

3.all()
参数是对象数组，这个方法会返回一个新的promise对象，如果里面所有的promise对象都成功了才会触发，一旦有一个失败则该promise失败。

const proms = [];
for(let i = 0;i<10;i++){
    proms.push(new Promise((resolve,reject)=>{
        resolve(1)
        setTimeout(()=>{
        	if(Math.random() < 0.9){
        		console.log(i,"成功")
        		resolve(i)
        	}else{
        		console.log(i,"失败")
        		reject(i)
            }
        })
 }))
}
const pro = Promise.all(proms)
pro.then(data=>{
   console.log("全部成功",data) //全部成功才会进入这里
},err=>{
   console.log("有失败的",err) //只要有失败的进入这里
})

4.race()
参数是对象数组，返回一个全新的promise对象，当数组中任意一个promise对象完成时，就马上回去使用完成好的promise对象的结果，不管这个 结果是成功还是失败。

 const proms = [];
        for(let i = 0;i<10;i++){
            proms.push(new Promise((resolve,reject)=>{
                setTimeout(()=>{
                    if(Math.random() < 0.9){
                        console.log(i,"成功")
                        resolve(i)

                    }else{
                        console.log(i,"失败")
                        reject(i)
                    }
                },Math.floor(Math.random() * 2000 + 1000 ))
            }))
        }
        const pro = Promise.race(proms)
        pro.then(data=>{   //不论成功还是失败，都会返回一个结果
            console.log("有promise完成",data)
        },err=>{
            console.log("有promise失败的",err)
        })