如何判断Javascript函数是否是Async函数

Posted zhangfisher

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何判断Javascript函数是否是Async函数相关的知识,希望对你有一定的参考价值。

判断javascript函数是否是Async函数有好几种方法:

  1. 调用Object.prototype.toString.call(async function(){}),如果返回[object AsyncFunction],则说明是Async函数。
  2. 简单地调用asyncFn.toString()

     async function myAsyncFunc(){}
    myAsyncFunc.toString()   // 结果="async function myAsyncFunc(){}"

asyncFn.toString()直接返回函数定义字符,只要判断是否以async开头即可。

以上算是比较标准的方法,在原生支持ES6/7/8以下的浏览器中是没有问题的,但是在启用了Babel转码后就无效了。比如在Babel7中, async function myAsyncFunc(){}会被转码成:


function myAsyncFunc() {
    ....
    return _regenerator.default.async(function myAsyncFunc$(_context) {
        .....
    }
}

因此,如果还是用上述方法就无效了。因为被Babel转码后,所有的async均被转成普通的函数。
例如在React Native环境就启用了Babel转码,调用Object.prototype.toString.call(async function(){}),如果返回的是[Object Function]
由于在很多场景下我们会启用Babel转码.因此,判断是否是Async函数,需要考虑此情况。
基本方法就是通过asyncFunc.toString()获取到函数内容,判断Babel转码后的async函数特征即可。

export function isAsyncFunction(fn){
    let fnStr =fn.toString()     
    return Object.prototype.toString.call(fn) === \'[object AsyncFunction]\' || fnStr.includes("return _regenerator.default.async(function")
}

需要注意的是,async函数经Babel 5/6/7经转码后生成的代码,在不同的版本下可能是不一样的,甚至也不排除未来Babel 8转码的结果也会发生变化。因此,此方法并不一定可靠,有谁知道更加标准通用的方法可以告知一下。

由于Babel转码的情况存在,因此像判断一个对象是否是Class的函数,也存在类似因Babel转码导致的问题。例如:

function isClass(obj){
    if (typeof(cls) === \'function\' && cls.prototype) {
        try {
            cls.arguments && cls.caller;
        } catch(e) {
            return true;
        }
    }
    return false;
}

以上函数在经Babel转码的情况下是无效的,如果适应Babel转码的情况,也一样要进行处理。

以上是关于如何判断Javascript函数是否是Async函数的主要内容,如果未能解决你的问题,请参考以下文章

js判断是否数组的方法

如何检查是否已加载Javascript脚本异步(Async)或async属性存在?

前端(十三)—— JavaScript高级:回调函数闭包循环绑定面向对象定时器

async / await函数

如何在 Unity/C# WebGL 平台中调用 async/await JavaScript 函数?

javascript如何判断当前浏览器是否支持cookie