Как полностью избежать обещаний jQuery при объединении двух асинхронных функций jQuery?

Вы можете выбрать любой из двух подходов...

Преобразовать, а затем объединить:

var p1 = Promise.resolve($.getJSON(url_1, params_1)); // voila 1!
var p2 = Promise.resolve($.getJSON(url_2, params_2)); // voila 2!
var p3 = Promise.all([p1, p2]).then(...);

Объединить, а затем преобразовать:

var p1 = $.getJSON(url_1, params_1);
var p2 = $.getJSON(url_2, params_2);
var p3 = Promise.resolve($.when(p1, p2)).then(...); // voila 1 and 2!

Напрямую, любой подход даст вам собственное обещание ES6, p3, которое разрешается, когда разрешаются оба обещания jQuery, или отклоняется, когда одно из обещаний терпит неудачу.

Однако вас, вероятно, интересуют результаты двух вызовов getJSON(), а jQuery в этом отношении неудобен. Промисы jqXHR в jQuery передают несколько параметров своим обратным вызовам успеха и ошибки, тогда как промис ES6 принимает только один; остальные будут игнорироваться. К счастью, довольно просто объединить несколько параметров в один объект. Это нужно сделать в jQuery перед преобразованием в ES6.

Код «преобразовать, затем объединить» расширяется следующим образом:

var p1 = Promise.resolve($.getJSON(url_1, params_1).then(
    function(data, textStatus, jqXHR) {
        return { data:data, textStatus:textStatus, jqXHR:jqXHR };
    },
    function(jqXHR, textStatus, errorThrown) {
        return { jqXHR:jqXHR, textStatus:textStatus, errorThrown:errorThrown };
    }
));
var p2 = Promise.resolve($.getJSON(url_2, params_2).then(
    function(data, textStatus, jqXHR) {
        return { data:data, textStatus:textStatus, jqXHR:jqXHR };
    },
    function(jqXHR, textStatus, errorThrown) {
        return { errorThrown:errorThrown, textStatus:textStatus, jqXHR:jqXHR };
    }
));
var p3 = Promise.all([p1, p2]).then(
    function(results) {
        // results[0] will be an object with properties .data, .textStatus, .jqXHR 
        // results[1] will be an object with properties .data, .textStatus, .jqXHR 
    },
    function(rejectVal) {
        // rejectVal will be an object with properties .errorThrown, .textStatus, .jqXHR
    }
);

Подход «объединить, а затем преобразовать» немного сложнее, поскольку объединенные результаты отображаются (в jQuery) в виде списка arguments, который сам необходимо преобразовать (все еще в jQuery) в массив.

var p1 = $.getJSON(url_1, params_1).then(
    function(data, textStatus, jqXHR) { 
        return { data:data, textStatus:textStatus, jqXHR:jqXHR }; 
    },
    function(jqXHR, textStatus, errorThrown) { 
        return { errorThrown:errorThrown, textStatus:textStatus, jqXHR:jqXHR }; 
    }
);
var p2 = $.getJSON(url_2, params_2).then(
    function(data, textStatus, jqXHR) { 
        return { data:data, textStatus:textStatus, jqXHR:jqXHR };
    },
    function(jqXHR, textStatus, errorThrown) { 
        return { errorThrown:errorThrown, textStatus:textStatus, jqXHR:jqXHR }; 
    }
);
var p3 = Promise.resolve($.when(p1, p2).then(function() {
    return [].slice.call(arguments);// <<< convert arguments list to Array
})).then(
    function(results) { 
        // results[0] will be an object with properties .data, .textStatus, .jqXHR
        // results[1] will be an object with properties .data, .textStatus, .jqXHR
    },
    function(rejectVal) { 
        // rejectVal will be an object with properties .errorThrown, .textStatus, .jqXHR
    }
);

ДЕМО: решено

ДЕМО: отклонено

Обещания JavaScript совместимы. Вы можете комбинировать их по своему усмотрению, все подходящие библиотеки¹ и нативные промисы принимают thenables² из любой реализации откуда^{3. Если появится что-то инородное, на нем просто сделают Promise.resolve.}

Поэтому обычно вы пишете свой код так, как будто все они используют одну и ту же реализацию промисов, и это просто работает.
Однако теперь вы хотите убедиться, что все .then вызовы методов используют вашу любимую реализацию; или вы хотите использовать нестандартный метод или функцию? Для этого вам нужно будет явно присвоить все промисы, для которых вы непосредственно вызываете методы, и ничего больше.

Несколько примеров:

Promise.all([$.ajax(…), $.ajax(…)]).then(…); // just works!

$.ajax(…) // a jQuery promise
.then(…)  // so this would be jQuery `then`, which we don't want.

Promise.resolve($.ajax(…)) // explicit cast
.then(function(data) {     // native `then`
    return $.ajax(…);      //   just works!
})                         // returns a native promise still
.catch(…)                  // so we can use its features

_{1: Да, jQuery не входит в их число до версии 3.0
2: все отложенные и промисные функции jQuery такие затемные, хотя
3: на самом деле везде< /strong> вы ожидаете обещание, в Promise.resolve, then возвращаемых значений обратного вызова, Promise.all аргументов, …}