可选链接的Eslint规则空合并运算符 [英] Eslint rule for optional chaining & nullish coalescing operator

问题描述

我正在寻找

• @ babel/plugin-proposal-optional-chaining
• @ babel/plugin-proposal-nullish-coalescing-operator

当我执行以下操作时，我的编辑器会以红色突出显示

My editor highlights in red when I do the following

const baz = obj?.foo?.bar?.baz; // 42
const safe = obj?.qux?.baz; // undefined
const foo = obj.baz ?? 'default'; // default
// eslint-disable-next-line no-console
console.log('baz', baz);
// eslint-disable-next-line no-console
console.log('safe', safe);
// eslint-disable-next-line no-console
console.log('foo', foo);

该代码可以正常工作，但是eslint用红色突出显示了我的代码.

The code works properly, but eslint highlights my code in red.

参考:

• https://babeljs.io/docs/en/babel- plugin-proposal-optional-chaining
• https://babeljs.io/docs/zh/babel-plugin-proposal-nullish-coalescing-operator

• https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining
• https://babeljs.io/docs/en/babel-plugin-proposal-nullish-coalescing-operator

推荐答案

从eslint>=7.5.0开始，本地支持空位合并运算符.

Nullish coalescing operator is natively supported starting from eslint>=7.5.0.

最简单的方法是在package.json中设置ES2020:

The easiest is set ES2020 in your package.json:

{
  "eslintConfig":
  {
    "parserOptions":
    {
      "ecmaVersion": 2020
    }
  }
}

这篇关于可选链接的Eslint规则空合并运算符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！