猿问

阿里二面的一道笔试题,不太明白原理

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)

})


拉风的咖菲猫
浏览 741回答 7
7回答

BIG阳

第一步,初始化p1打印 1第二步,初始化p2打印 3第三步,执行p1的then方法打印 2补充说明:修改上面最后一步:第四步:执行p2的then方法,在此方法中又调用p1,此时,p1已经处于resolved状态,所以返回2.打印 2.Promise对象是浏览器打印出来,node中执行并没有。详细解决请参考@toBeTheLight 的回答。

红糖糍粑

js的事件循环机制可以看这个浏览器和Node不同的事件循环(Event Loop)剩下的就是resolve(promise)和resolve(1)的问题了。浏览器比node会多输出一个promise对象,你可以把它理解为整个代码块的返回值,它应该是最后一个语句的.then的返回值。具体解释见另一个答案下的评论。

呼啦一阵风

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

大话西游666

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

慕的地8271018

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

相关分类

JavaScript
我要回答