javascript - 这两种处理顺序 promise 的风格有什么区别

Question

当我们想依次执行几个then函数时，这两种风格有什么区别:

1- 使用嵌套 thens

$http.get('api').then(function(){
    processBlocks(obj.data).then(function(){
        alert('it is done')
    });
});

2- 压平嵌套的thens

$http.get('api').then(function(){
    return processBlocks(obj.data);
}).then(function(){
    alert('it is done')
});

很明显，第二个可读性更好，但是否也存在性能差异？

Answer 1

$http.get('api').then(function(){
    processBlocks(obj.data).then(function(){
        alert('it is done')
    });
});

在这种情况下，如果您像这样连接另一个 then:

$http.get('api').then(function(){
    processBlocks(obj.data).then(function(){
        alert('it is done')
    });
}).then(function(){
alert('it is done')
});

如果 processBlocks() 抛出异常，没关系，下一个 promise 会被触发，但是:

$http.get('api').then(function(){
    return processBlocks(obj.data);
}).then(function(){
    alert('it is done')
});

在这种情况下，如果第一个 then 失败，序列将被取消，如果有一个 catch block ，它将被触发