ESLint Stylistic 项目中控制三元表达式缩进的技巧

在代码格式化过程中，三元运算符(条件表达式)的缩进处理是一个常见的需求。ESLint Stylistic 项目提供了专门的配置选项来处理这类情况，让开发者能够根据团队规范统一代码风格。

三元表达式缩进的常见模式

开发者通常希望控制三元表达式的缩进方式，主要有以下几种常见需求：

1. 对齐模式：

foo ?
    bar :
    paz

2. 无缩进模式：

foo ?
bar :
paz

3. 完全忽略模式：不进行任何缩进处理

ESLint Stylistic 的解决方案

ESLint Stylistic 通过 indent 规则中的 offsetTernaryExpressions 选项提供了对三元表达式缩进的精细控制。这个选项默认为 true，表示会对三元表达式进行缩进处理。

配置示例

要禁用三元表达式的缩进处理，可以在 .eslintrc 配置文件中进行如下设置：

{
  "rules": {
    "indent": ["error", 2, {
      "offsetTernaryExpressions": false
    }]
  }
}

高级配置选项

除了基本的布尔值配置外，ESLint Stylistic 还支持更复杂的配置方式：

1. 完全忽略三元表达式：通过 ignoredNodes 选项可以完全跳过对三元表达式的缩进检查

{
  "ignoredNodes": ["ConditionalExpression"]
}

2. 自定义缩进级别：可以通过数值指定特定的缩进级别

实际应用建议

在实际项目中，建议团队根据以下因素选择适合的配置：

1. 代码可读性：适当的缩进可以提高长三元表达式的可读性
2. 一致性：整个项目应该保持统一的缩进风格
3. 与其它规则的协调：确保三元表达式缩进与其它代码结构的缩进风格协调一致

对于简单的三元表达式，可以考虑禁用缩进以保持代码紧凑；对于复杂的嵌套三元表达式，则建议启用缩进以提高可读性。

常见问题解决

如果在配置后规则未生效，建议检查：

1. ESLint Stylistic 版本是否在 2.12.0 及以上
2. 配置文件是否正确加载
3. 是否有其它规则覆盖了缩进设置

通过合理配置 ESLint Stylistic 的三元表达式缩进规则，可以显著提升代码的一致性和可维护性，是团队协作开发中值得重视的一个细节。