javascript - 我如何判断一个对象是否是 jQuery Promise/Deferred？

Question

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

这是我希望我的函数如何运行的示例:

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

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

---

这很重要，因为如果不是这种情况，我只能使用 jQuery.when :

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

这将正确处理值和值的 promise ...

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

...但是一旦我们得到值(value) promise 的 promise ，它就会崩溃:

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

---

jQuery.when 能够判断一个值是否为 promise，因此显然这是可能的。我该如何检查？

Answer 1

jQuery.when is able to tell if a value is promise, so apparently it is possible.

这是错误的。 jQuery 本身无法检查一个对象是否是完全准确的 promise 。如果您查看 jQuery.when 的来源in the jQuery source viewer你可以看到它所做的就是这样:

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 中创建为对象字面量(view source)。它没有原型(prototype)，也没有任何其他可用于区分它的真正独特的属性。

但是，我可以想到一个 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反对我感兴趣的值(value)。你的值(value)不会有 .then与 jQuery.Deferred 具有完全相同源代码的方法或 Promise ¹.

_{^1. 除非您在恶劣的环境中运行，否则您应该放弃。}

---

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

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

这是 ES6 中定义的几个 Promise 处理函数的方法。你可以看到这个描述 in the specification of the resolve(...) functions ，部分引用如下:

When a promise resolve function F is called with argument resolution, the following steps are taken:

[...]

7. If Type(resolution) is not Object, then
   1. Return FulfillPromise(promise, resolution).
8. Let then be Get(resolution, "then").
9. If then is an abrupt completion, then
   1. Return RejectPromise(promise, then.[[value]]).
10. Let thenAction be then.[[value]].
11. If IsCallable(thenAction) is false, then
    1. Return FulfillPromise(promise, resolution).
12. Perform EnqueueJob ("PromiseJobs", PromiseResolveThenableJob, «‍promise, resolution, thenAction»)