【ES6】如何判断函数是否标记了async

前言

如何判断函数是否标记了async。

实现

初步想法是调用该函数，查看是否返回Promise。但并不可行，原因如下：

• 无法确保参数传递
• 会导致函数多调用一次，如果有副作用可能会导致bug
• 未标记async的函数return Promise的情况无法被拦截

通过打印观察 普通函数 与 async 标记的函数：

可以发现async标记的函数原型上有一个知名符号toStringTag，值为"AsyncFunction"。

那么通过该值区分普通函数与async修饰的函数即可：

function isAsyncFunction(func) {
  return func[Symbol.toStringTag] === "AsyncFunction"
}

console.log(isAsyncFunction(() => {})) // false
console.log(isAsyncFunction(async () => {})) // true
console.log(isAsyncFunction(() => Promise.resolve())) // false

知名符号toStringTag

原先判断是否为数组时通常使用以下代码，但是这种表达格式原先只对于部分内置对象有效

对于自定义对象，并不会得到'[object Test]'

知名符号toStringTag是ES6诞生的，下面使用它：

同理async修饰过的函数也可以通过该种方式判断