承诺语法/替代[重复]

Question

我希望返回一个以后会自行解决的 Promise，但我的语法似乎无效，我很好奇有什么更好的实现方式。为什么 Promise 构造函数需要执行器？

promise = new Promise() 无效，因为我需要提供一个函数

function getDetails (someHash) {
    var url = "http://somewebsite.com/" + someHash,
        promise = new Promise();

     makeAjaxRequest(url, function (response) {
         promise.resolve(response.data);
     });

     setTimeout(function () {
         promise.reject("timeout");
     }, 500);

     return promise;
}

function makeAjaxRequest (url, callback) {
    var someResponse = {data: "some data"};

    setTimeout(function () {
        callback(someResponse);
    }, 200);
}

有没有更好的方法来实现这个功能？

Answer 1

注意：如果要将回调 API 转换为 Promise，请参阅 this question。

让我们从一开始就应该说的话开始。 不需要执行器来设计 Promise。 完全可以设计一个 Promise 实现来做类似的事情：

let {promise, resolve, reject} = Promise.get();

如果你保证不告诉任何人，我什至会告诉你一个小秘密 - 这个 API 甚至存在于规范的前一个迭代中，实际上甚至在 Chrome 中仍然有效：

let {promise, resolve, reject} = Promise.defer();

但是，它正在被删除。

那么，为什么我需要传递一个执行者呢？

我 just answered your other question 关于为什么 executor 是一个有趣的设计。它是安全的，可以让您处理有趣的事情。

我还能获得 resolve、reject 函数吗？我需要那些

根据我的经验，大多数时候我需要解决/拒绝我并不实际上需要它们。也就是说 - 实际上我确实需要他们几次。

说明符认识到这一点，因此执行器函数总是同步运行。你可以得到.defer 接口，它不是默认的：

function defer() {
    let resolve, reject, promise = new Promise((res, rej) => {
      [resolve, reject] = [res, rej];
    });
    return {resolve, reject, promise};
}

再次重申，这通常不是您想做的事情，但 完全有可能您有一个合理的用例，这就是为什么它不是默认的但完全可能的原因.

你的实际代码

我会从实现诸如超时和请求之类的东西作为原语开始，然后组合函数和链式承诺：

function delay(ms) {
  return new Promise(r => setTimeout(r, ms));
}
function timeout(promise, ms) {
   return Promise.race([
      promise,
      delay(ms).then(x => { throw new Error("timeout"); })
   ]);
}
function ajax(url) { // note browsers do this natively with `fetch` today
   return new Promise((resolve, reject) => { // handle errors!
      makeAjaxRequest(url, (result) => {
          // if(result.isFailure) reject(...);
          if(result.status >= 400) reject(new Error(result.status));
          else resolve(result.data);
      });
   });
}

现在，当我们承诺最低级别的 API 表面时，我们可以非常声明式地编写上述代码：

function getDetails (someHash) {
    var ajax = makeAjaxRequest("http://somewebsite.com/" + someHash);
    return timeout(ajax, 500);
}

Answer 2

您需要将一个函数传递给Promise 构造函数（more info），该构造函数将被调用以提供resolve 和reject 函数：

function getDetails (someHash) {
  var url = "http://somewebsite.com/" + someHash;

  return new Promise(function(resolve, reject) {
    makeAjaxRequest(url, function(err, response) {
      if (err)
        reject(err);
      else
        resolve(response.data);
    });

    setTimeout(function () {
      reject("timeout");
    }, 500);
  });
}

function makeAjaxRequest (url, callback) {
  var someResponse = {data: "some data"};

  setTimeout(function () {
    callback(null, someResponse);
  }, 200);
}

我还冒昧地让 makeAjaxRequest 使用传递错误作为第一个参数的标准约定（因为我假设在某些时候您想用实际的 AJAX 请求替换 setTimeout()）。