而井教你判断当前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/is-async-await-supported

npm install --save is-async-await-supported
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • async 函数 含义 ES2017 标准引入了 async 函数,使得异步操作变得更加方便。 async 函数是...
    huilegezai阅读 1,271评论 0 6
  • 含义 async函数是Generator函数的语法糖,它使得异步操作变得更加方便。 写成async函数,就是下面这...
    oWSQo阅读 2,005评论 0 2
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,285评论 0 3
  • 活着就是折腾,折腾出精彩人生! 不折腾、无童年、不折腾、无青春,五月,一起折腾起来吧
    孙东强阅读 500评论 0 2
  • 这篇文章的题目用了“Programmer”这个词,而不是程序员或者码农等等绝不是自装高大,而是为了囊括更多写程序的...
    小武子阅读 361评论 0 2