解决 ES9 中 ESLint 无法识别 Promise.all() 的语法错误问题

在使用ESLint进行代码校验的时候，我们可能会遇到无法识别Promise.all()函数的语法错误问题，尤其是在ES9中。这篇文章就为大家提供一种解决方案。

问题描述

先来看一下这个问题的具体表现。我们在使用ESLint进行代码校验的时候，遇到了下面的类似错误提示：

Parsing error: Unexpected token . 

  34 | 
  35 | Promise.all([
> 36 |   foo(),
     |   ^
  37 |   bar(),
  38 |   baz()
  39 | ]).then(([res1, res2, res3]) => {

这个问题的原因是ESLint无法识别Promise.all()函数。而在ES9中，这个函数是默认存在的，所以ESLint无法对它进行识别。

解决方案

为了解决这个问题，我们可以使用一个插件来帮助我们让ESLint识别Promise.all()函数。这个插件叫做 eslint-plugin-promise，它是一个可以解决Promise相关的ESLint规则的插件。下面就是如何使用这个插件来对Promise.all()函数进行校验。

安装插件

在我们的项目中，首先要安装 eslint-plugin-promise 插件：

npm install --save-dev eslint eslint-plugin-promise

配置插件

接下来需要在 .eslintrc 配置文件中的 plugins节添加 eslint-plugin-promise 插件：

{
  "plugins": [
    "promise"
  ],
  "rules": {
    /* 其他校验规则 */
  }
}

配置文件中，我们还可以通过 rules 去设置我们想要的规则，比如：

{
  "rules": {
    "promise/catch-or-return": "error",
    "promise/always-return": "error"
  }
}

其中，我们设置了 promise/catch-or-return 和 promise/always-return 规则为error级别，表示必须要处理Promise函数中的异常。

示例代码

最后，我给大家提供一个具体的示例代码，来演示一下如何使用 eslint-plugin-promise 插件。

Promise.all([
  foo(),
  bar(),
  baz()
]).then(([res1, res2, res3]) => {
  // do something
}).catch(err => {
  console.error(err)
});

这是一个使用Promise.all()函数的示例代码，在使用ESLint进行代码校验的时候，如果我们没有使用 eslint-plugin-promise 插件，就会遇到上面所说的问题。

现在，我们只需要按照上面的步骤进行配置，就可以让你的ESLint成功识别Promise.all()函数了，从而消除了语法错误的问题。

总结

本文主要介绍了如何解决ES9中ESLint无法识别Promise.all()的语法错误问题。通过安装和配置 eslint-plugin-promise 插件，我们可以让ESLint成功识别这个函数，达到消除语法错误的目的。同时，大家也可以参考本文提供的示例代码，来学习如何在项目中使用Promise.all()函数。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65912e84eb4cecbf2d667e84