29

我有一个接受单个参数的函数。我需要能够判断这个参数是 jQueryPromise还是Deferred对象。如果不是，那么该值可能是任何类型并具有任何属性，因此仅仅因为 promise 方法的存在是不安全的。

这是我希望我的函数如何表现的示例：

function displayMessage(message) {
  if (message is a Promise or Deferred) {
    message.then(displayMessage);
  } else {
    alert(message);
  }
}

注意promise 的递归处理：如果一个promise 被另一个promise 值解决，我们不显示它，我们等待它被解决。如果它返回另一个承诺，请重复。

这很重要，因为如果不是这种情况，我就可以使用jQuery.when：

function displayMessage(message) {
  jQuery.when(message).then(function(messageString) {
    alert(messageString);
  });
}

这将正确处理价值观和价值观的承诺......

displayMessage("hello");                            // alerts "hello"
displayMessage(jQuery.Deferred().resolve("hello")); // alerts "hello"

...但是一旦我们得到价值承诺的承诺，它就会崩溃：

displayMessage(jQuery.Deferred().resolve(
  jQuery.Deferred().resolve("hello")
));                                                 // alerts "[object Object]"

jQuery.when能够判断一个值是否是承诺，所以显然这是可能的。我该如何检查？

4

2 回答 2

32

jQuery.when能够判断一个值是否是承诺，所以显然这是可能的。

这是错误的。jQuery 本身无法检查对象是否是完全准确的承诺。如果您查看jQuery.when jQuery 源代码查看器中的源代码，您会发现它所做的只是：

jQuery.isFunction(firstParam.promise)

如果您返回的对象有自己的.promise()方法，jQuery.when则会出现异常：

var trickyValue = {
  promise: function() { return 3; },
  value: 2
};

jQuery.when(trickyValue).then(function(obj) {
  alert(obj.value);
});

这会抛出TypeError: Object 3 has no method 'then'，因为 jQuery 假定该对象是一个 Promise 并信任其.promise()方法的值。

这可能无法正确解决。Promise 对象被创建为jQuery.Deferred（查看源代码）内部的对象文字。它没有原型，也没有任何其他真正独特的属性可以用来区分它。

但是，我可以想到一个 hacky 解决方案，只要只使用一个版本的 jQuery，它就应该是可靠的：

function isPromise(value) {
  if (typeof value === 'object' && typeof value.then !== "function") {
    return false;
  }
  var promiseThenSrc = String($.Deferred().then);
  var valueThenSrc = String(value.then);
  return promiseThenSrc === valueThenSrc;
}

isPromise("test");                 // false
isPromise($.Deferred());           // true
isPromise($.Deferred().promise()); // true

将函数转换为字符串会给你它的源代码，所以在这里我将.then一个新Deferred对象的方法的源与我感兴趣的值的源进行比较。你的值不会有一个.then完全相同的方法源代码为 ajQuery.Deferred或Promise1。

1.除非你在恶劣的环境中运行，在这种情况下你应该放弃。

如果你对 jQuery Promise 不是特别感兴趣，但想检测任何类型的 Promise，包括 ECMAScript 6 中的内置 Promise，你可以测试 value 是否是一个对象并且有一个then方法：

if (typeof value === 'object' && typeof value.then === 'function') {
  // handle a promise
} else {
  // handle a concrete value
}

这是 ES6 中定义的几个 Promise 处理函数的方法。您可以在功能规范中resolve(...)看到这一点，部分引用如下：

当使用参数resolution调用 promise resolve 函数F时，将执行以下步骤：

[...]

  1. 如果 Type( resolution ) 不是 Object，那么
    1. 返回 FulfillPromise(承诺,决议)。
  2. 让然后是Get（分辨率，"then"）。
  3. 如果 then 是一个突然的完成，那么
    1. 返回 RejectPromise( promise，然后.[[value]])。
  4. 让thenAction为then .[[value]]。
  5. 如果 IsCallable( thenAction ) 为false，则
    1. 返回 FulfillPromise(承诺,决议)。
  6. 执行 EnqueueJob ( "PromiseJobs", PromiseResolveThenableJob, «‍promise, resolution, thenAction» )
于 2012-10-25T19:40:59.153 回答
14

快速而肮脏的解决方案是测试对象是否具有then功能：

if (typeof message.then === 'function') {
    //assume it's a Deferred or fits the Deferred interface
} else {
    //do other stuff
}
于 2012-10-25T19:20:22.897 回答