これは、Javascriptでネストされたコールバックをインデントするための推奨された方法ですか？私は、彼らがネストされたコールバックの次の構文を使用し、いくつかのAPIのドキュメントで見てきた

Question

：

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から来る人として、それはとても不思議で不必要なようです。誰でも好奇心旺盛であれば

は、私はあなたがPromiseインターフェイス（またはそれに似たもの）を使用しているので、あなたが実際に使用していないhttps://semantic-ui.com/modules/sidebar.html#/examples

Answer 1

、あなたはそれが本当に必要であるかどうかを確認することをお勧めします。あなたの場合はそうではありません。外側のチェーンへの内部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. 

}); 

をこのようにインデントの深さは、約束（あなたもそれらを使用する）の利点の一つである、合理的なまま。

Answer 2

セマンティック宇井さんの例では、主にインデントのこの方法を見てきました従来の意味でのネストされたコールバック - の後にMapViewの構築が1としてカウントされるのを見ましたが。

同じ一連のイベントに対する呼び出しは、同じインデントレベルでなければなりません。入れ子にされたイベントシーケンスは、同じレベルのすべてのイベントを保持する必要があります。これは私がそれをフォーマットする方法を次のとおりです。あなたは、矢印関数の構文を使用して、これはより簡潔にすることができ

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

     }); 
    }); 

注：

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

     }); 
    }); 

あなたが外に匿名optionsオブジェクトを移動した場合可読性を向上させることができイベントのシーケンスが返されますが、MapViewコンストラクタのoptionsはこの場合はオプションではないinstanceの値をとります。

しかし、あなたができるWebMapコンストラクタのために：あなたは深くネストされたthen電話を持っている場合は

var webMapOption = { portalItem: { id: "id" } }; 
webMap = new WebMap(webMapOptions) 
    .load() 
    .then(instance => ...);