ES6笔记————promise创建，封装ajax，async与await

目录

Promise

1：定义

对象的状态不受外界影响。

一旦状态改变了就不会在变，也就是说任何时候Promise都只有一种状态。

2：三种状态

3：基本用法

4：模拟异步

5：执行步骤

课件代码

封装ajax

7：Proimse.prototype.then

8：Promise.prototype.catch()

课件代码

async 和 await

4.1.1 async 函数

4.1.2 await表达式

4.1.3 ajax综合应用

课件代码

---

Promise

1：定义

Promise是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6统一了用法，并原生提供了Promise对象。作为对象，Promise有一下两个特点：

1. 对象的状态不受外界影响。

Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。

1. 一旦状态改变了就不会在变，也就是说任何时候Promise都只有一种状态。

Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为 resolved（已定型）。

2：三种状态

Pending状态（进行中）Fulfilled状态（已成功） Rejected状态（已失败）

一旦发生改变就只有一种状态：Pending -> Fulfilled  Pending -> Rejected。

3：基本用法

Resolve，用来接收完成状态，reject用来接收失败的状态。

var promise = new Promise(function(resolve,reject){

                                 

                                  let flag = true;

                                 

                                  if(flag){

                                          resolve('状态：执行成功！');

                                         

                                  }else{

                                          reject("状态：执行失败！");

                                         

                                  }

                                 

                 })

             

 promise.then(function(resolve){

                        console.log(resolve);

                },function(reject){

                        console.log(reject);

})

说明：then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。这两个函数都是可选的，不一定要提供。它们都接受Promise对象传出的值作为参数。

4：模拟异步

模拟未来即将发生的代码。

function timeout(ms){

return new Promise(function(relove,reject){

                                        setTimeout(()=>{

                                                console.log('程序'+ms +'毫秒后打印！');

                                        },ms);

                                       

                                })

}

timeout(3000);

5：执行步骤

                        function timeout(ms){

               console.log(2);

                                return new Promise(function(relove,reject){

                                        setTimeout(()=>{

                                                console.log(3);

                                                relove(4);

                                        },ms);