非同期 jQuery 関数の効率的なチェーンを実現する JavaScript の相互運用性

非同期 jQuery 関数をチェーンする場合、多くの場合、jQuery の組み込み関数を回避することが望ましいです。 Promise の機能を使用し、代わりにネイティブ ES6 Promise を使用します。この相互運用性により、jQuery アクションと目的の Promise 実装の間のシームレスな統合が可能になります。

ネイティブ Promises を使用した 2 つの getJSON 呼び出しの連鎖

jQuery の then を使用せずに 2 つの $.getJSON 呼び出しを連鎖するには() または .when()、以下に従ってください手順:

1. 最初の jQuery Promise を解決する:

   Promise.resolve($.getJSON(url1, params1));

2. ネイティブ内で 2 番目の呼び出しを連鎖させてから、コールバック:

   .then((data1) => {
     return $.getJSON(url2, params2);
   })

このメソッドは、jQuery の Promises アーキテクチャに依存せずに、最初の呼び出しが正常に完了した後にのみ 2 番目の呼び出しが実行されるようにします。

Non とのインターフェイス-標準メソッド

JavaScript の Promise は相互運用可能ですが、非標準のメソッドや機能を利用するには明示的なキャストが必要です。たとえば、ネイティブ Promise チェーン内の jQuery 固有のメソッドにアクセスするには、メソッドを呼び出す前に Promise.resolve() を使用して jQuery Promise をネイティブ メソッドにキャストします。

Promise.resolve($.ajax(…))
  .then((data) => {
    // Use jQuery-specific method
    data.foo();
  })

このアプローチにより、foo() メソッドがネイティブ Promise チェーンのコンテキスト内で確実に呼び出されます。

要約すると、JavaScript Promise の相互運用性を理解することで、jQuery の Promise をシームレスに組み合わせることができます。非同期操作を効率的に連鎖させるための、目的の Promise 実装を備えた非同期機能。