导读:
在我们面试过程中,面试官一般都会选择问这样一个问题:谈一谈对Promise的理解?
那接下来,我们就来详细的了解一下Promise,相信认真阅读之后,就有一个比较完整的答案啦!
1.Promise解决的问题
1)回调地狱
1.1)什么是回调地狱?
简单来说:就是 无限的在回调函数里面进行回调函数的调用--回调函数的嵌套
<script>
//第一次请求
$.ajax({
url: './111.txt',
success: function (res) {
console.log(res) //222
// 第二次请求
$.ajax({
url: './' + res + '.txt',
success: function (result) {
console.log(result)
//第三次请求
$.get('./'+result+'.txt',function(response){
console.log(response)
//继续写对应的请求或者别的事件
})
}
})
}
})
</script>
1.2)回调函数的缺点:
- 代码可维护性极低
- 对于阅读代码非常不友好
1.3)Promise产生背景:
为了解决回调地狱的问题,以及使异步的请求有同步执行的机制,ES6帮我们增加了一个Promise的对象来解决这个问题,这也是Promise产生的背景。
1.4)异步的概念:
异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。
在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。
简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。
JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理
- 通过一张图来更好的理解异步和同步的概念:
2.Promise的三种状态
- pending (进行中)
- 此时代码执行尚未结束,所以也叫未处理的(unsettled)
- fulfilld (已成功)
- 表示异步代码执行成功,由resolve()触发
-
rejected (已失败)
- 遇到错误,异步代码执行失败,由reject()触发
Promise 对象只有:从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。
只要处于 fulfilled 和 rejected ,状态就不会再变了即 resolved(已定型)。
3.Promise的特点
一旦状态改变,就不会再变,任何时候都可以得到这个结果。
Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。
只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。
4.promise的方法
方法 | 类型 | 简介 |
---|---|---|
Promise.prototype.then() | 原型方法 | 为 Promise 实例添加状态改变时的回调函数 |
Promise.prototype.catch() | 原型方法 | 为 Promise 实例指定发生错误时的回调函数 |
Promise.prototype.finally() | 原型方法 | 用于指定不管 Promise 对象最后状态如何,都会执行的操作 |
Promise.resolve() | 构造函数方法 | 创建promise成功的实例 |
Promise.reject() | 构造函数方法 | 创建promise失败的实例 |
Promise.all() | 构造函数方法 | 接收一个包含多个promise对象的数组,等待所有都完成时,返回存放他们结果的数组,如果任意一个被拒绝,则立即抛出错误,其他已完成的结果会被忽略 |
Promise.race() | 构造函数方法 | 接收一个包含多个promise对象的数组,等待第一个有结果(完成/拒绝)的promise,并把其result/error作为结果返回 |
5.promise使用场景
(1)同时拉去多个接口时
(2)数据量超大的接口回调处理
总结:一般情况下,当面试官问到这个问题的时候,我们只需要回答
promise解决了回调地狱的问题,promise有哪三种状态,promise的特点以及使用场景,
就可以啦,相信面试官会满意这个答案的!
ps:如果帮助你啦,动动小手点个赞👍吧!