jQuery代理不调用异步函数

Question

我发现我不能用$.proxy调用async函数。 我的情况是我代理了事件监听器，以便它们仍然具有相同的上下文，但是当我尝试代理async函数时，它就没有被调用 - 而且，没有抛出任何错误。

任何人都可以解释为什么这不起作用？

下面的简单示例将允许您重现该问题。 当async关键字存在时，将不会调用该函数。 删除async ，它将开始工作。

$('div').on('click', $.proxy(example, this));

async function example() {
  console.log('test');
}

Answer 1

$.proxy很多年前很棒。 async / await是ES2017，我们已经从ES5开始bind ：

$('div').on('click', example.bind(this));

所以我们有异步箭头：

const example = async () => {
  console.log('test');
}

$.proxy 使用自定义$.isFunction检查而不是普通typeof fn === 'function'检查。 这导致本机异步函数的错误否定（ 转换为异步与本机异步 ）。 这是因为本机异步函数是AsyncFunction实例，而不是Function直接。

这是为什么jQuery不应该只是因为它可以使用的另一个原因。 当没有本地替代品或者它们是片状的时候，jQuery辅助函数是不可或缺的 - 但现在不再存在了。