条件语句规范

条件语句规范

条件语句是编程中控制流程的核心部分，合理的条件语句编写能提升代码可读性和维护性。以下规范适用于JavaScript环境，涵盖if/else、switch等常见条件结构的具体实践。

if语句基础规范

if语句应始终使用大括号包裹代码块，即使只有单行语句。省略大括号可能导致后续维护时出现错误。

// 错误示例
if (condition) doSomething();

// 正确示例
if (condition) {
  doSomething();
}

比较操作应使用严格相等运算符（===和!==），避免隐式类型转换带来的意外行为：

// 错误示例
if (value == 1) { /*...*/ }

// 正确示例
if (value === 1) { /*...*/ }

复杂条件处理

当条件判断包含多个逻辑运算符时，应采用以下规范：

1. 每个逻辑运算符换行显示
2. 运算符置于行首而非行尾
3. 复杂条件使用临时变量分解

// 不易读的写法
if ((user.role === 'admin' || user.role === 'editor') && user.isActive && !user.isSuspended) { /*...*/ }

// 推荐写法
const isAuthorizedUser = user.role === 'admin' || user.role === 'editor';
const isValidUser = user.isActive && !user.isSuspended;

if (isAuthorizedUser && isValidUser) {
  // 业务逻辑
}

else与else if的使用

避免过深的嵌套层次，当if-else超过3层时应考虑重构。优先处理错误或特殊情况并提前返回：

// 不推荐写法
function processUser(user) {
  if (user) {
    if (user.isActive) {
      if (!user.isSuspended) {
        // 核心逻辑
      } else {
        throw new Error('User suspended');
      }
    } else {
      throw new Error('Inactive user');
    }
  } else {
    throw new Error('No user provided');
  }
}

// 推荐写法
function processUser(user) {
  if (!user) throw new Error('No user provided');
  if (!user.isActive) throw new Error('Inactive user');
  if (user.isSuspended) throw new Error('User suspended');
  
  // 核心逻辑
}

switch语句规范

switch语句应遵循以下规则：

1. 每个case必须包含break或return
2. 必须包含default情况
3. case分组应有明确注释说明

switch (statusCode) {
  case 200: {
    const response = parseResponse(data);
    return processSuccess(response);
  }
  
  // 客户端错误
  case 400:
  case 401:
  case 403: {
    logClientError(statusCode);
    return handleClientError();
  }
  
  // 服务端错误
  case 500:
  case 502:
  case 503: {
    retryRequest();
    break;
  }
  
  default: {
    throw new Error(`Unhandled status code: ${statusCode}`);
  }
}

三元运算符使用

三元运算符适用于简单的条件赋值，但不应嵌套超过两层：

// 简单场景适用
const accessLevel = user.isAdmin ? 'admin' : 'user';

// 避免深层嵌套
const message = isError 
  ? 'Operation failed' 
  : isLoading 
    ? 'Processing...' 
    : 'Operation completed';

条件语句性能优化

在性能敏感场景中，考虑以下优化策略：

1. 将最常见条件放在前面
2. 使用查找表替代复杂switch
3. 避免在条件中重复计算

// 查找表示例
const handlers = {
  success: handleSuccess,
  error: handleError,
  pending: handlePending
};

const handler = handlers[status] || handleDefault;
handler();

条件语句的可测试性

编写易于测试的条件语句：

1. 避免直接使用全局状态
2. 将条件判断提取为纯函数
3. 使用依赖注入替代硬编码值

// 不易测试的写法
if (Date.now() > expirationDate) { /*...*/ }

// 可测试的写法
function isExpired(expirationDate, now = Date.now()) {
  return now > expirationDate;
}

if (isExpired(expirationDate)) { /*...*/ }

条件语句与类型安全

在TypeScript环境中，条件语句应充分利用类型收窄特性：

interface User {
  name: string;
  age?: number;
}

function getUserLabel(user: User) {
  if (user.age === undefined) {
    return `${user.name} (age unknown)`;
  }
  
  // 此处TS能自动推断user.age为number类型
  return `${user.name} (${user.age} years)`;
}

条件语句的调试技巧

为方便调试，可在复杂条件中添加临时日志：

if (process.env.NODE_ENV === 'development') {
  console.debug('Condition evaluation:', {
    conditionA,
    conditionB,
    combined: conditionA && conditionB
  });
}

if (conditionA && conditionB) {
  // ...
}