代码之家 › 专栏 › 技术社区 › James

如何在ESLint中使用扁平嵌套三元结构?

eslint javascript

-1

James · 技术社区 · 7 年前

我有这样的代码:

let upgrade;
if (device.firmwareV !== latestFirmware.version) {
    upgrade = "Firmware is up to date.";
} else if (!firmUpTool) {
    upgrade = "Cannot upgrade the firmware through this connection.";
} else if (latestFirmware.type !== device.type) {
    upgrade = "Cannot upgrade firmware of this device.";
} else {
    upgrade = upgradeControl(firmUpTool);
}

但我更喜欢使用三元运算符(条件 ? 价值1 : let 具有 const (在我看来,它看起来更整洁,尽管我很欣赏人们的不同意见):

const upgrade =
    device.firmwareV !== latestFirmware.version ?
        "Firmware is up to date."
    : !firmUpTool ?
        "Cannot upgrade the firmware through this connection."
    : latestFirmware.type !== device.type ?
        "Cannot upgrade firmware of this device."
    : upgradeControl(firmUpTool);

但ESLint给出了5个错误,比如 Expected indentation of 12 spaces but found 8. . 如果我遵循建议,我必须缩进代码,即使我给了它一个缩进规则:

indent: [2, 4, {flatTernaryExpressions: true}]

我可以通过删除每个警告后面的新行来消除这些警告但在我看来,这使得台词过长,可读性较差。

有没有更好的方法来布局平面嵌套的三元结构,或者我应该在这里使用其他ESLint规则?

1 回复 | 直到 7 年前

James 7 年前

你可以使用一个功能,检查零件,如果有情况,可以提前返回 true

其优点是可读性和可维护性更好。

else 该函数可能提前退出。

function checkUpgrade() {
    if (device.firmwareV !== latestFirmware.version) {
        return "Firmware is up to date.";
    }
    if (!firmUpTool) {
        return "Cannot upgrade the firmware through this connection.";
    }
    if (latestFirmware.type !== device.type) {
        return "Cannot upgrade firmware of this device.";
    }
    return upgradeControl(firmUpTool);
}

const upgrade = checkUpgrade();

推荐文章

srbrills · ESLint预处理层:分析错误:意外的令牌

1 年前

Get Off My Lawn · 如何让eslint选择具有特定类的className的jsx元素?

1 年前

Ole · 在eslint推荐的配置中添加忽略项?

2 年前

Jim · ESLint:为什么没有未使用的表达式失败?

2 年前

user3086509 · wait对这种表达没有影响,但显然有

2 年前

Relm · React Eslint,如果组件props Type需要一个prop,但组件没有使用它,则发出警告

2 年前

Sergiu Nimat · 一旦我们更新了Node版本,如何更新NPM和解决方案相关的前端库/包?

2 年前

Arnaud Denoyelle · 避免混淆2种不同的ID类型

2 年前

Thanh-Quy Nguyen · 导入/订单无法识别未命名的导入?

2 年前

myol · 重写返回任意的函数类型签名

2 年前