ESLint 如何解决 “Promise executor functions should not be async” 报错

在前端开发中，我们经常会使用 Promise 来处理异步操作。然而，在使用 Promise 的时候，我们可能会遇到如下 ESLint 报错:

Promise executor functions should not be async

这个报错的意思是 Promise 的执行函数不应该是 async 函数，那么为什么不能使用 async 函数呢？这是因为 Promise 的执行函数是在创建 Promise 实例时立即执行的，而 async 函数会返回一个 Promise 对象，这会导致 Promise 实例的行为不可预期。

那么如何解决这个问题呢？下面我们来介绍两种解决方法。

解决方法一：使用普通函数

将 Promise 的执行函数改为普通函数即可解决这个问题。示例代码如下：

const promise = new Promise(function(resolve, reject) {
  // 执行异步操作
  if (/* 异步操作成功 */) {
    resolve(result);
  } else {
    reject(error);
  }
});

解决方法二：使用 ESLint 插件

如果你不想改变 Promise 的执行函数为普通函数，也可以通过使用 ESLint 插件来解决这个问题。我们可以使用 eslint-plugin-promise 插件来禁止使用 async 函数作为 Promise 的执行函数。

首先，我们需要安装该插件：

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

然后，在 ESLint 的配置文件中添加以下配置：

// javascriptcn.com 代码示例
{
  "plugins": [
    "promise"
  ],
  "rules": {
    "promise/avoid-new": "off",
    "promise/no-callback-in-promise": "off",
    "promise/no-nesting": "off",
    "promise/no-promise-in-callback": "off",
    "promise/no-return-wrap": "error",
    "promise/param-names": "error",
    "promise/valid-params": "error",
    "promise/no-async-promise-executor": "error"
  }
}

其中，"promise/no-async-promise-executor": "error" 表示禁止使用 async 函数作为 Promise 的执行函数。

总结

在使用 Promise 的时候，我们应该避免使用 async 函数作为 Promise 的执行函数，因为这会导致 Promise 实例的行为不可预期。如果你不想改变 Promise 的执行函数为普通函数，也可以通过使用 ESLint 插件来解决这个问题。

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