jQuery의 $.when()을 사용하여 지연된 배열을 올바르게 처리하려면 어떻게 해야 합니까?

$.when()에서 지연된 배열 처리

지연된 약속 배열로 작업할 때 이를 처리하는 방법을 아는 것이 중요합니다. $.when()에 전달할 때. 이번 글에서는 $.when()이 Deferred 배열을 올바르게 처리하지 못하는 문제에 대해 알아보고 해결책을 제시하겠습니다.

문제

다음 코드를 고려하세요.

function getSomeDeferredStuff() {
  var deferreds = [];

  for (i = 1; i <= 10; i++) {
    var count = i;

    deferreds.push(
      $.post('/echo/html/', {
        html: '<p>Task #' + count + ' complete.',
        delay: count
      }).success(function(data) {
        $("div").append(data);
      }));
  }

  return deferreds;
}

$(function() {
  $("a").click(function() {
    var deferreds = getSomeDeferredStuff();

    $.when(deferreds).done(function() {
      $("div").append('<p>All done!</p>');
    });
  });
});

이 예에서는 "All done!"입니다. 모든 지연된 작업이 완료된 후에 나타나야 합니다. 그러나 $.when()은 Deferred 배열을 단일 엔터티로 인식하지 못하므로 "All done!"이 발생합니다.

해결책

Deferred 배열을 $.when()에 전달하려면 Function.prototype.apply를 사용하세요.

$.when.apply($, my_array).then( ___ );

이 함수는 매개변수 배열을 가져와 함수에 적용합니다. 예:

$.when.apply($, deferreds).then(function() {
  $("div").append('<p>All done!</p>');
});

또는 ES6에서는 스프레드 연산자를 사용할 수 있습니다.

$.when(...my_array).then( ___ );

위 내용은 jQuery의 $.when()을 사용하여 지연된 배열을 올바르게 처리하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!