谈谈对Promise的理解(面试题)

导读:

在我们面试过程中,面试官一般都会选择问这样一个问题:谈一谈对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:如果帮助你啦,动动小手点个赞👍吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。