Promise一、Promise介绍与基本使用 1.Promise是什么异步编程例子： fs文件操作数据库操作 aj

一、Promise介绍与基本使用

1.Promise是什么

异步编程例子：

fs文件操作
数据库操作
ajax网络请求
定时器

注意：之前都是通过纯回调函数的方式进行处理的

promise支持链式调用，可以解决回调地狱问题：（回调函数嵌套调用）

抽象表达

（1）Promise是一门新的技术（ES6规范新增）

（2）Promise是JS中进行异步编程的新解决方案

备注：旧方案是单纯使用回调函数
具体表达

（1）从语法上来说：Promise是一个构造函数

（2）从功能上来说：Promise对象用来封装一个异步操作，并可以获取其成功/失败的结果值

2.为什么要用Promise

指定回调函数的方式更灵活

支持链式调用，可以解决回调地狱问题

3.Promise初体验

中奖案例

并把参数传递出来

原生ajax

promise在ajax中的使用

promise对ajax的封装

4.promise的状态

实例对象中的属性：【PromiseState】

pending 未决定的
resolved/fulfilled 成功
rejected 失败

改变时只有两种可能

pending变为resolved
pending变为rejected

且一个promise对象只能改变一次，成功的结果数据一般称为value，失败的结果数据一般为reason

5.promise对象的值

实例对象中的另一个属性：【PromiseResult】

保存着异步任务【成功/失败】的结果

resolve
reject

6.promise工作流程

二、Promise API

（1）Promise构造函数

Promise(executor){
}

executor函数：执行器（resolve，reject）=>{}
resolve函数：内部定义成功时我们调用的函数 value =>{}
reject函数：内部定义失败时我们调用的函数 reason =>{}

说明：executor会在Promise内部立即同步调用，异步操作在执行器中执行

（2）then方法

Promise.prototype.then方法：（onResolved,onRejected）=>{}

onResolved函数：成功的回调函数 value =>{}
onRejected函数：失败的回调函数 reason =>{}

说明：用于指定成功时的回调函数和失败时的回调函数，并返回一个promise对象

（3）catch方法

Promise.prototype.catch方法:（onRejected）=>{}

onRejected函数：失败的回调函数 (reason)=>{}

（4）resolve方法

属于Promise函数对象的方法，不属于实例对象

Promise.resolve方法：（value）=>{}

value：成功的数据或promise对象

说明：快速生成一个成功/失败的promise对象

（5）reject方法

属于Promise函数对象的方法，不属于实例对象

Promise.reject方法：（reason）=>{}

说明：快速返回一个失败的promise对象

（6）all方法

属于Promise函数对象的方法，不属于实例对象

Promise.all方法：（promise）=>{}

promise:包含n个promise的数组

说明：返回一个新的promise，只有所有的promise都成功才成功，只要有一个失败了就直接失败

全部成功

此时返回的结果为三个promise对象组成的数组

有部分失败

此时返回的结果为失败的promise对象

（7）race方法

属于Promise函数对象的方法，不属于实例对象

Promise.race方法：（promise）=>{}

promise:包含n个promise的数组

说明：返回一个新的promise，第一个完成的promise的结果状态就是最终的结果状态

三、Promise关键问题

1.如何改变promise对象的状态

resolve 函数
reject 函数
throw 抛出错误

2.一个promise指定多个成功/失败回调函数，都会调用吗

当promise改变为对应状态时都会调用

3.改变promise状态和指定回调函数谁先谁后

都有可能，正常情况下是先指定回调函数再改变状态，但也可以先改变状态再指定回调
如何先改变状态再指定回调

在执行器中直接调用resolve()/reject()

let p =new Promise((resolve,reject)=>{
            resolve('ok')
        })

        p.then(value =>{
            
        },reason =>{

        })

延迟更长的时间才调用then()

   let p = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('ok')
            }, 1000)
        })

        setTimeout(() => {
            p.then(value => {

            }, reason => {

            })
        },2000)