javascript - 关于ES6 Promise的一个问题
大家讲道理
大家讲道理 2017-04-11 11:54:22
[JavaScript讨论组]

代码:

var p1 = new Promise(function (resolve, reject) {
    setTimeout(() => reject("123"), 3000)
})

var p2 = new Promise(function (resolve, reject) {
    setTimeout(() => resolve(p1), 1000)
})

p2
    .then(result => console.log("error01",result),
        result => console.log("error02",result))
    .catch(error => console.log("error2",error))

最后打出error02 123

并没有看懂p1和p2之间的变化逻辑,以及最后就怎么输出这个了,应该是我比较愚钝。

有没有懂的朋友能帮助讲解一下,十分感谢

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
伊谢尔伦
var p1 = new Promise(function (resolve, reject) {
    setTimeout(() => reject("123"), 3000)
})

var p2 = new Promise(function (resolve, reject) {
    setTimeout(() => resolve(p1), 1000)
})

p2
    .then(result => console.log("error01",result),
        result => console.log("error02",result))
    .catch(error => console.log("error2",error))
  1. Promise.resolve(promise);当resolve方法中传入一个promise对象时,则返回的状态会采用传入promise对象的返回状态,也是就是说这里p2的状态会采用p1返回的状态。

  2. 因为p1中reject('123'),所以p2返回的状态自然为p1的reject('123'),即调用了.then中的第二个reject时候的回调函数即 result => console.log("error02",result)。

迷茫

Returns a Promise object that is resolved with the given value. If the
value is a thenable (i.e. has a then method), the returned promise
will "follow" that thenable, adopting its eventual state;
- https://developer.mozilla.org...

resolve的参数如果是个promise的话,它会使用那个promise的结束状态作为自己的结束状态

PHP中文网

这里面主要有状态传递,即如果p2 resolve的是另一个Promise(p1)对象,则p2的状态由p1决定。

var p1 = new Promise(function(resolve, reject) {    
    setTimeout(() => reject("123"), 3000);            
});

var p2 = new Promise(function(resolve, reject) {
    setTimeout(() => resolve(p1), 1000);
    //0-1000,p1的状态为pending, p2的状态为pending;
    //1000s时,p2的要执行resolve,但是此时p1状态为peding,所以1000-3000会等待p1的状态改变
    //3000s时,p1变为reject,并且传递给p2,此时p2也变为reject
});

p2.then(result => console.log("error01", result),
    result => console.log("error02", result))
.catch(error => console.log("error3", error));
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号