谈谈异步事件 Promise 题型1-优快云博客

本文深入探讨了JavaScript中Promise的工作原理及其实现方式，并通过一个具体的面试题示例详细解析了Promise的状态变化过程及其在事件循环中的执行顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

听到周围说面试中 promise 被问到的概率在98%以上之前谈谈promise 写过今天在卖弄一个题型

首要说的状态
Promise的三种状态 Pending进行中 Resolved已成功 Rejected已失败
Pending 到 Resolved
pending 到 Rejected
一旦建立就会立即执行无法中途取消
不设置回调内部抛出的错误不会反应到外
例子

function loadUserInfo(id) {
    return new Promise(function (resolve, reject){
        http.get(XXX, function(data) {
            resolve(data)
        })
    })
}
loadUserInfo (id).then(function(data){
    //成功
},function(err){
    //失败
})复制代码

then 方法接受两个函数的参数第一个是成功的回调第二个是错误的回调

面试题(自个扩展的)

    window.onload = function() {
       setTimeout(function(){
         console.log(1)
       },0)
       var issuccess = true
       var promise =new Promise(function(resolve, reject){
         console.log(2)
         if (issuccess) {
           resolve(console.log("成功"))
         } else{
           reject(console.log("错误"))
         }
         console.log(3)
       })
       promise.then(function(){
         console.log(4)
       }, function(){
         console.log(5)
       })

       console.log(6)
     }复制代码

问最后输出什么
答案在下面我来卖弄下这里的细节

普及下异步事件

js是一个单线程的也就是说一个时间点上只能做一件事情
为啥不是多线程那像Java那样 (网上加个人见解) js作为浏览器脚本语言主要是来根据跟用户的操作来操作dom 假如说多线程第一个线程在dom上添加第二线程在dom上删除浏览器不知道依谁为主所以这就是想JavaScript这样的脚本语言不能搞成多线程一原因吧
但是如果有很多操作单线程一个不好的地方就是要等上一个事情处理完才可以处理这个事情导致性能加载等等慢的很多这个时候要实现异步操作可是单线程如果搞那
js的异步是通过回调函数来实现的 (线程+任务队列) 线程主完成主要操作(同步的事情) 线程ok以后开始轮训任务队列通过回调取出来执行

总结下开始执行 1. 线程上执行所以操作(同步) 2.线程外开辟一个任务队列只要异步任务有了结果就在任务队列中放置一个事件 3. 线程上ok后系统会自动读取任务队列里面事件 4. 线程重复上面

promise 任务队列执行优先级
es6中新增了一个Promise 在事件循环上每次循环时候先去es6Promsie 队列中是否有任务执行 Promise 队列优先高也就是说线程ok了去执行队列栈中取出事件上来Promise任务会首先执行其他就没有优先级

看看上面那道题吧

线程开始执行操作(同步)
任务队列中 Promise有优先级
setTimeout 加入任务队列
1. 打印是 2 //没毛病吧因为属于主操作
2. 打印是成功 //没毛病
3. 打印是 3 //没毛病
4. 打印是 6 // .then 的回调在任务队列上
  线程上ok了现在是任务队列上的了
5. 打印是 4 //上面说了Promise有优先级
6. 打印是 1 //任务队列中最后

参考： es6.ruanyifeng.com/