js中如何用面向对象替代条件判断

在JavaScript项目开发过程中，我们经常会遇到需要根据不同条件执行不同逻辑的场景，传统做法是通过大量的if-else或者switch-case语句实现，当条件分支越来越多时，代码会变得越来越难维护。面向对象编程提供了一种更优雅的解决方案，通过多态特性可以把不同的条件逻辑拆分到不同的对象中，减少条件判断的使用。

传统条件判断的问题

我们先看一个常见的场景：根据用户的会员等级计算不同的折扣，传统实现方式如下：

// 传统条件判断实现折扣计算
function calculateDiscount(level, price) {
  if (level === 'normal') {
    return price * 0.95;
  } else if (level === 'vip') {
    return price * 0.8;
  } else if (level === 'svip') {
    return price * 0.7;
  } else {
    return price;
  }
}

console.log(calculateDiscount('vip', 100)); // 输出80

上面的代码在会员等级较少时看起来问题不大，但是如果后续新增超级会员、企业会员等多个等级，就需要不断修改calculateDiscount函数，增加新的条件分支，违反了开闭原则，也不利于代码的扩展和维护。

用面向对象重构条件判断

面向对象的核心思想是把不同的行为封装到不同的对象中，通过统一的方法调用实现不同的逻辑，我们可以为每个会员等级创建一个对应的类，每个类都实现计算折扣的方法。

第一步：定义基础会员类

首先定义一个基础的会员类，包含统一的折扣计算方法，后续的不同等级会员可以继承这个类或者实现对应的接口逻辑：

// 基础会员类
class Member {
  constructor(price) {
    this.price = price;
  }
  // 默认折扣方法，子类可以重写
  getDiscount() {
    return this.price;
  }
}

第二步：定义不同等级的会员类

为每个会员等级创建对应的子类，重写getDiscount方法实现各自的折扣逻辑：

// 普通会员类
class NormalMember extends Member {
  getDiscount() {
    return this.price * 0.95;
  }
}

// VIP会员类
class VipMember extends Member {
  getDiscount() {
    return this.price * 0.8;
  }
}

// SVIP会员类
class SvipMember extends Member {
  getDiscount() {
    return this.price * 0.7;
  }
}

第三步：创建工厂函数获取对应会员实例

我们可以创建一个工厂函数，根据传入的会员等级返回对应的会员实例，调用方只需要调用统一的getDiscount方法即可：

// 会员工厂函数
function createMember(level, price) {
  switch (level) {
    case 'normal':
      return new NormalMember(price);
    case 'vip':
      return new VipMember(price);
    case 'svip':
      return new SvipMember(price);
    default:
      return new Member(price);
  }
}

// 使用方式
const vip = createMember('vip', 100);
console.log(vip.getDiscount()); // 输出80

const svip = createMember('svip', 200);
console.log(svip.getDiscount()); // 输出140

这样重构后，如果后续新增会员等级，只需要新增对应的会员类，再在工厂函数中增加对应的分支即可，核心的折扣计算逻辑不需要修改原有代码，符合开闭原则。

进一步优化：去除工厂中的条件判断

上面的工厂函数中还是有switch-case条件判断，我们可以进一步优化，用对象映射的方式替代工厂中的条件判断：

// 会员类映射对象
const memberMap = {
  normal: NormalMember,
  vip: VipMember,
  svip: SvipMember
};

// 优化后的工厂函数
function createMemberOptimized(level, price) {
  const MemberClass = memberMap[level] || Member;
  return new MemberClass(price);
}

// 使用方式
const normal = createMemberOptimized('normal', 100);
console.log(normal.getDiscount()); // 输出95

这样工厂函数中就完全没有了条件判断语句，新增会员等级时只需要在memberMap中增加对应的映射即可，代码的扩展性更强。

面向对象替代条件判断的优势

• 代码结构更清晰：不同的条件逻辑拆分到不同的类中，每个类的职责单一，可读性更高。
• 扩展性更强：新增条件分支时不需要修改原有代码，只需要新增对应的类或者修改映射对象即可。
• 更易维护：修改某个条件的逻辑时只需要修改对应的类，不会影响其他条件的逻辑。
• 符合设计原则：遵循开闭原则和单一职责原则，让代码更健壮。

适用场景说明

并不是所有的条件判断都需要用面向对象替代，只有当条件分支较多、后续可能频繁扩展的场景下，使用面向对象的方式才更有优势。如果条件分支很少且基本不会变化，传统的条件判断反而更简洁易懂。

JavaScript面向对象条件判断设计模式修改时间：2026-06-16 02:57:34