javascript - 这是在 Javascript 中缩进嵌套回调的推荐方法吗？

Question

我在一些 API 文档中看到，它们使用以下语法进行嵌套回调:

webmap = new WebMap({
  portalItem: {
    id: "id"
  }
})
    .load()
        .then(function(instance){
            console.log(instance);
            view = new MapView({
              map: instance,
              container: "map"
            })
                .then(function(instance){

                })
            ;
        })
    ;
;

这是在 Javascript 中编写嵌套调用语法的推荐方法吗？

还有，为什么？作为一个来自 Python 的人，这似乎很奇怪而且没有必要。

如果有人好奇，我主要在 Semantic Ui 的示例 https://semantic-ui.com/modules/sidebar.html#/examples 中看到过这种识别方式。

Answer 1

当您有深度嵌套的 then 调用时，您可能需要检查这是否确实有必要。就你而言，事实并非如此。将内部 then 调用移至外部链:

webmap = new WebMap({
    portalItem: {
        id: "id"
    }
}).load().then(function(instance){
    console.log(instance);
    // return (!) the promise, instead of applying a nested `then`
    return new MapView({
        map: instance,
        container: "map"
    });
}).then(function(instance){ // the `then` is now on the outer chain.

});

这样缩进的深度就保持合理，这是 Promise 的优点之一(当你很好地使用它们时)。