Web前端最新系统总结ES6的promise对象，3年内被辞退5次35岁程序员该何去何从-CSDN博客

本文链接：https://blog.csdn.net/wang688699/article/details/138595957

后话

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。

01 前言

由于同步的写法造成很多的问题，我们最早使用的异步解决方案可能就是jQuery的Ajax的请求函数了，其中提供了同步和异步的写法，但是我们还是会觉得诸多不便，例如一不小心就可能会造成回调地狱的问题，所以ES6就提出来一种更为优雅的写法——promise对象。

在这里插入图片描述

02 promise

在阮一峰老师的ES6入门标准中说到，所谓promise就是一个容器，里面保存着某个未来才会结束的事件（通常是是一个异步事件）。它有两个特点：

状态不受外界影响：拥有三种状态（Pending、Fullfilled、Rejected）。状态只取决于异步执行结果，其他过程无法改变这个状态。
状态改变不会再变：初始状态为Pending状态，它只可以变成Fullfill或者变成Rejected，但是一旦发生改变就不会再变。

promise可以使得异步操作的写法像同步写法一样优雅，代码可读性更高。但是缺点就是中途无法取消promise，一旦新建就会执行，假如没有设置回调函数，Promise内部如果出现错误不会反应到外部。

基本用法：

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

//…

if(success){

resolve(value);

}else{

reject(error)

}

})

Promise构造函数可以接收两个参数，分别是**resolve和reject**，这两个函数有JavaScript内部提供。异步操作成功的时候就会走resolve这边，失败的话就走reject这边。除此之外，可以使用then方法分别对resolved或者rejected状态的结果进行回调操作。

promise.then((res)=>{

//success

},err=>{

//error

})

03 then()和catch方法

then()

then方法可以接收两个函数参数，第一个是异步操作结果变成resolved的时候调用，第二个是结果变成rejected的时候使用。那有同学可能会问，第二个函数参数与catch错误捕获函数有什么区别呢？

我们首先来区别几个重要的概念，reject是异步结果错误的时候抛出的，但是catch是用来捕获异常的。跟传统的（try/catch）不同的是，如果没有使用catch方法指定错误处理测回调函数，那么Promise对象抛出的错误不会传递到外层代码，不会有任何反应。

Promise对象的错误具有“冒泡”的性质，会一直向后传递，直到被catch捕获为止。错误总会被下一个catch语句捕获。举个例子：

Promise.resolve()

.catch(function(error) {

console.log(’ oh no ’, error);

})

.then(function(){

console.log(’ carry on ’);

});

上述代码由于异步操作结果变成了resolve状态，那么就不会走catch那里，而是直接走then函数了，但是一旦then函数里面有错误抛出，那么该错误就永远不会被捕获，也没有处理。

catch()

then的第二个参数和catch捕获错误信息的时候会就近原则，如果是promise内部报错，reject抛出错误后，then的第二个参数和catch方法都存在的情况下，只有then的第二个参数能捕获到，如果then的第二个参数不存在，则catch方法会捕获到。

在这里插入图片描述

通过上述代码可知，promise对象里面抛出的错误，then的第二个函数参数是可以捕获的。但是then的第一个函数参数抛出的错误，第二个函数参数是捕获不了的，只能通过catch函数来捕获。

04 all()/race()方法

all方法

Promise.all方法用于接收多个promise对象包装成一个新的Promise实例。

var p = Promise.all([p1,p2,p3]);

Promise.all方法有两种情况：

p最终的状态由p1，p2，p3共同决定，只有三个promise实例的状态变成Fullfill，整个p才会变成Fullfill。然后p1，p2，p3的返回值组成一个数组，传递给p的回调函数。
只要其中一个变成rejected，p的状态就变成rejected，此时第一个rejected的实例的返回值就会传递给p的回调函数。