如何摆脱`no-unused-expressions` eslint 错误，用于`&&` 和`?:` 用法？

Question

问题陈述：

this.componentC && this.componentC.render() // 默认情况下，根据no-unused-expressions eslint 规则，这会抛出错误

Answer 1

&&适用于需要评估两个表达式是否为真的情况。 如果情况并非如此——例如，如果您需要在评估其他表达式（如函数调用）之前测试expression1的真实性，那么您应该使用if语句。 要修复您的原始代码：

if (this.componentC) this.componentC.render();

Linters 会警告未使用的表达式，因为它们是代码异味，并且表明您可能执行了错误的操作，例如此处。

同样，使用条件（三元）运算符，如果您有一个未使用的表达式：

someCondition
? someFn1()
: someFn2();

如果您不使用表达式的结果，则应改用if/else ：

if (someCondition) someFn1();
else someFn2();

编程的主要目标之一应该是编写清晰、易懂的代码——不要仅仅为了代码字符数而逃避，除非你在打高尔夫球。

Answer 2

以下是我的建议：

只需将以下overrides条目添加到您的.eslintrc.json/js

overrides: [{
        files: ["./src/*.js"],
        rules: {
            "no-unused-expressions": [{
                "allowShortCircuit": true,
                "allowTernary": true
            }]
        },
    }
],