Web前端高级编程学习笔记16：Promise

Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

语法上，Promise 是一个对象，从它可以获取异步操作的消息

特点

Promise对象不受外接影响。
一旦状态改变，就不会再变，任何时候都可以得到这个结果。

Promise的缺点：
无法取消Promise，一旦新建它就会立即执行，无法中途取消。
如果不设置回调函数，Promise内部拋出的错误，不会反应到外部。
当处于pending状态时，无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。

基本用法

ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。

resolver 定型器

//定型器函数
//同步
const promise = new Promise (function (resolve,reject) {
    //...do something
    if (/*异步操作成功*/) {
        resolve(value) ;
    } else {
        reject(error);
    }
});

resolve函数的作用是，将Prcmise对象的状态从“未完成”变为“成功”(即从pending变为resolved)，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；

reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”(即从pending变为rejected)，在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。

//异步
promise.then(function(value){
    //value
},function(error){
    //error
});
//默认执行成功，可不写第二个函数

Promise新建后就会立即执行。

链式调用

Promise实例可以链式的 then( ) 调用，并且可以一直调用下去(如果需要)。

promise有几种状态，什么时候会进入catch？

三个状态：pending、fulfilled、reject

两个过程：pending -> fulfilled、pending -> rejected

当pending为rejected时，会进入catch

async/await

ES2017引入了async函数，使异步操作变得更加方便。

async函数返回的Promise对象会运行执行(reso1ve)异步函数的返回结果，或者如果异步函数抛出异常的话会运行拒绝(reject)。

setTimeout、Promise、Async/Await 的区别

事件循环中分为宏任务队列和微任务队列

其中setTimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行

promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行

async函数表示函数里面可能会有异步方法，await后面跟一个表达式

async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行