비동기 jQuery 함수의 효율적인 연결을 위한 JavaScript 약속의 상호 운용성

비동기 jQuery 기능을 연결할 때 jQuery에 내장된 기능을 피하는 것이 종종 바람직합니다. 기능을 약속하고 대신 기본 ES6 약속을 사용합니다. 이러한 상호 운용성을 통해 jQuery 작업과 원하는 Promise 구현 간의 원활한 통합이 가능합니다.

기본 Promise로 두 개의 getJSON 호출 연결

jQuery를 사용하지 않고 두 개의 $.getJSON 호출을 연결하려면 then () 또는 .when(), 다음을 따르세요. 단계:

1. 첫 번째 jQuery 약속 해결:

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

2. 기본 내에서 두 번째 호출을 연결한 다음 콜백:

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

이 메서드는 jQuery의 Promises 아키텍처에 의존하지 않고 첫 번째 호출이 성공적으로 완료된 후에만 두 번째 호출이 실행되도록 보장합니다.

Non과의 인터페이스 -표준 방법

JavaScript Promise는 상호 운용 가능하지만 비표준 방법이나 기능을 사용하려면 명시적인 캐스팅이 필요합니다. 예를 들어, 기본 Promise 체인 내에서 jQuery 관련 메서드에 액세스하려면 Promise.resolve()를 사용하여 메서드를 호출하기 전에 jQuery Promise를 기본 Promise로 캐스팅합니다.

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

이 접근 방식을 사용하면 기본 Promise 체인의 컨텍스트 내에서 foo() 메서드가 호출됩니다.

요약하면 JavaScript Promise의 상호 운용성을 이해하면 jQuery의 비동기 작업의 효율적인 연결을 위해 원하는 Promise 구현을 갖춘 비동기 기능.