JavaScript 中如何识别异步函数?

我们如何判断一个函数是否是异步函数(async function)呢?

遇到问题的思考过程是什么呢,首先需要找到二者的区别,那就打印看一下,然后在思考如何做。

由此可以看出二者的差异。

1、使用 typeof 检查函数类型

在 JavaScript 中,async 函数和普通函数在类型上没有区别,直接使用 typeof 判断会得到相同的结果(都是 function)。因此,我们需要使用其他方法。

🌰

javascript 复制代码
function isAsyncFunction(func) {
  console.log(typeof func);
  return typeof func === 'function';
}

console.log(isAsyncFunction(() => {})); // true
console.log(isAsyncFunction(async () => {})); // true

2、 判断函数的 constructor

异步函数的 constructor 是 AsyncFunction,可以使用这个特性来判断:

🌰

javascript 复制代码
function isAsyncFunction(func) {
  console.log(func);
  return func.constructor.name === 'AsyncFunction';
}

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

3、通过返回值判断

异步函数的返回值是一个 Promise,而普通函数则不是。因此,可以通过判断函数的返回值是否是 Promise 来区分:

🌰

javascript 复制代码
function isAsyncFunction(func) {
  return func() instanceof Promise;
}

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

需要注意的是,这种方法要求我们可以执行函数,并且它不会产生副作用。如果函数执行有副作用,或者不能直接执行(比如依赖参数),就需要更安全的方法。

4、结合 Object.prototype.toString

如果想要更严谨的判断,可以结合 Object.prototype.toString 方法获取函数的内部类型标签,这样可以准确判断是否为 AsyncFunction:

🌰

javascript 复制代码
function isAsyncFunction(func) {
  return Object.prototype.toString.call(func) === '[object AsyncFunction]';
}

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

总结:

1)如果不需要执行函数,优先使用 constructor.name 和 Object.prototype.toString 方式判断,这样更加安全。

2)如果可以执行函数(且无副作用),则可以判断返回值是否是 Promise。

相关推荐
无敌最俊朗@31 分钟前
C++ 序列容器深度解析:vector、deque 与 list
开发语言·数据结构·数据库·c++·qt·list
Da Da 泓32 分钟前
LinkedList模拟实现
java·开发语言·数据结构·学习·算法
emma羊羊1 小时前
【xsslabs】第12-19关
前端·javascript·靶场·xss
Humbunklung1 小时前
VC++ 使用OpenSSL创建RSA密钥PEM文件
开发语言·c++·openssl
Humbunklung1 小时前
填坑:VC++ 采用OpenSSL 3.0接口方式生成RSA密钥
开发语言·c++·rsa·openssl 3.0
zl21878654483 小时前
Playwright同步、异步、并行、串行执行效率比较
开发语言·python·测试工具
Larry_Yanan3 小时前
QML学习笔记(十七)QML的属性变更信号
javascript·c++·笔记·qt·学习·ui
Tony Bai3 小时前
【Go开发者的数据库设计之道】05 落地篇:Go 语言四种数据访问方案深度对比
开发语言·数据库·后端·golang
gopyer3 小时前
180课时吃透Go语言游戏后端开发3:Go语言中其他常用的数据类型
开发语言·游戏·golang·游戏后端开发
come112343 小时前
Go vs. PHP:核心优势劣势对比
开发语言·golang·php