而井教你判断当前Javascript运行环境是否支持async函数

发布时间:2019-08-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了而井教你判断当前Javascript运行环境是否支持async函数脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

文章起因

今天在学习Jasmine(一个Javascript的测试框架)中,在阅读文档时看到用来判断是否支持async函数的代码。

// 获取async函数的原型的构造器
function getAsyncCtor() {
    try {
      eval("VAR func = async function(){};");
    } catch (e) {
      return null;
    }
    return Object.getPRototyPEOf(func).constructor;
  }
 // 如果getAsyncCtor() 结果为null,说明运行时不支持async函数
  function browserHasAsyncAwaitSupport() {
    return getAsyncCtor() !== null;
  }

让我们简化代码,基于上面的代码我们可以将其合并成为一个函数

function isAsyncAwaITSupport() {
    let func;
    try {
        eval("func = async function(){};");
    } catch (e) {
        return false;
    }
      // 由于async函数的构造器不是全局对象,所以我们需要由下面代码来获取async函数的构造器
     // 具体可以查看以下MDN上有关于AsynCFunction的说明,
     // 地址:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction
   return Object.getPrototypeOf(func).constructor != null;
}

npm上其实已经有了一个库用来判断运行时是否支持async/await了,叫is-async-supported,但是因为依赖着nodejs平台的vm内置库,无法运行在非nodejs平台。以下是它的代码:

const vm = require('vm')

module.exports = function checkAsyncAwait () {
  try {
    new vm.Script('(async () => ({}))()')
    return true
  } catch (e) {
    return false
  }
}

is-async-await-supported

而我们刚才编写的函数不依赖于nodejs平台,所以可以运行在任意JavaScript运行时中,比is-async-supported库更加通用。
目前我已经将这个模块发布到npm上面去了,名字叫is-async-await-supported,代码采用TypeScript编写,已经通过webpack转义成了UMD模块和ES6模块,你可以在浏览器和nodejs中使用它,你只需通过下述命令安装即可,目前使用文档已经更新好了,使用是否简单,你只需照着文档做就可以了。
文档地址:https://www.npmjs.com/package...

npm install --save is-async-await-supported

脚本宝典总结

以上是脚本宝典为你收集整理的而井教你判断当前Javascript运行环境是否支持async函数全部内容,希望文章能够帮你解决而井教你判断当前Javascript运行环境是否支持async函数所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。