如何将jQuery延迟对象转换为ES6 Promise

Question

这是将jQuery Deferred转换为Promise的正确方法吗

var p = Promise.resolve($.getJSON('api/values', null));

有没有其他方法可以做到这一点？

限制是什么？我在某处读到过jQuery延迟不支持异常，所以我假设从延迟创建的promise也不支持。这是正确的吗？

Answer 1

应该是这样的，Promise.resolve()接口支持使能作为参数。因此，传递一个jquery defer对象就可以了。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/resolve#Resolving_thenables_and_throwing_Errors

Answer 2

我不确定这是否会奏效。我会推荐：

var p = new Promise(function (resolve, reject) {
  $.getJSON('api/values', null)
    .then(resolve, reject);
});

最好是创建一个适配器函数，如下所示：

var toPromise = function ($promise) {
  return new Promise(function (resolve, reject) {
    $promise.then(resolve, reject);
  });
});

var p = toPromise($.getJSON('api/values', null));

Answer 3

我更喜欢构图：

const successCb1 = ()=>$.getJSON('api/values'),
successCb2 = (json)=>alert(json),
errorCb = (e)=>alert(e);
Promise
   .resolve()
   .then(successCb1)
   .then(successCb2)
   .catch(errorCb);