H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】阿里二面的一道笔试题,不太明白原理

var p1=new Promise(resolve => {
    console.log(1)
    resolve(2)
})
var p2=new Promise(resolve => {
    console.log(3)
    resolve(p1)
})
p1.then(re => {
    console.log(re)    
})
p2.then(re => {
    console.log(re)
})

回答:

第一步,初始化p1
打印 1
第二步,初始化p2
打印 3
第三步,执行p1then方法
打印 2
第三步,执行p2then方法,在此方法中又调用p1,而p1 resolve的是2,
所以先打印2,再打印p1对象为Promise

感谢@toBeTheLight
补充说明:
修改上面最后一步:
第四步:执行p2then方法,在此方法中又调用p1,此时,p1已经处于resolved状态,所以返回2.
打印 2.

Promise对象是浏览器打印出来,node中执行并没有。详细解决请参考@toBeTheLight 的回答。
图片描述

回答:

js的事件循环机制可以看这个浏览器和Node不同的事件循环(Event Loop)
剩下的就是resolve(promise)和resolve(1)的问题了。


浏览器比node会多输出一个promise对象,你可以把它理解为整个代码块的返回值,它应该是最后一个语句的.then的返回值。具体解释见另一个答案下的评论。

回答:

相信大家对前面132,理解都没问题

后面一个2,其实是promise A+规范,我看上面好像都没有提到

var p2=new Promise(resolve => {
    console.log(3)
    resolve(p1)
})

在规范里,写作 [[Resolve]](promise, x) :即使用x resolve promise
规范规定:

  1. 如果promise和x指向同一个对象,则将promise的状态转换为rejected并且以TypeError作为不可变原因
  2. 如果x是一个promise实例,则以x的状态作为promise的状态 – 先解决x的状态

此处是第二种情况

参考文献:
https://promisesaplus.com/

回答:

事件循环
1>3>清空job>2>2(p1已经修改为2)
推荐参考[https://github.com/dwqs/blog/…]

回答:

其实有两个栈
开始执行主栈,p1执行,输出1,resolve的后面的then放在次栈中
p2执行,输出3,,resolve的后面的then放在次栈中
主栈里的执行完后,再去顺序执行次栈里的

这两个栈其实有专有名词的,忘了叫啥了

回答:

p1和p2的new操作是在js主线程上执行,按照先后顺序同步的方式执行你传给promise的函数,而promise实例p1和p2中then方法注册的回调任务是异步执行的,所以先输出1和3。而又因为p2必须等p1 resolve之后才能执行then逻辑,所以一定是先输出p1的2,等p1 resolve之后,p2才会resolve,然后执行p2的then逻辑在输出一个2.

回答:

作用域 上下文 运行机制

回答:

promise一旦创建就会执行,所以1,3肯定先打印出来,其他的就不用多说了。可以看一下阮一峰老师的关于ES6的讲解,比较详细,一语难以概括的。希望对你有帮助哇。

本文地址:H5W3 » 【Web前端问题】阿里二面的一道笔试题,不太明白原理

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址