增强 JavaScript 代码：使用对象代替 Switch 语句

引言

本文探讨一种替代 JavaScript 中 switch 语句的简洁方法：使用对象。虽然并非所有场景都适用，但在处理多种情况时，这种方法能提升代码的可读性和可维护性。

示例：订单付款状态处理

假设我们需要处理不同付款状态的订单，并根据状态执行不同的操作。

立即学习“Java免费学习笔记（深入）”；

首先，来看一个简单的例子：

ActionScript3 Flash编程无基础入门教程 中文WORD版

做过Flash动画的Flash爱好者们都知道，要做好一个Flash动画，AS是必不可少的，即使只是很简单的几句代码也能起到整个Flash画龙点睛的作用。 虽然AS不是真正的面向对象的编程，但是它也有对象的概念。这个概念贯穿整个AS的始终，所以，对对象的理解，比对语法或者其他的理解更为重要。感兴趣的朋友可以过来看看

下载

const orders = [{
  "id": 1,
  "product": "shoes",
  "paymentstatus": "paid"
},{
  "id": 2,
  "product": "pants",
  "paymentstatus": "pending"
},{
  "id": 3,
  "product": "tie",
  "paymentstatus": "unpaid"
}];


const handlepaymentstatus =(order) =>{
  return order.paymentstatus
}

for (const order of orders) {
 handlepaymentstatus(order)
}

接下来，使用 switch 语句处理不同付款状态：

let orders = [{
  "id": 1,
  "product": "shoes",
  "paymentstatus": "paid"
},{
  "id": 2,
  "product": "pants",
  "paymentstatus": "pending"
},{
  "id": 3,
  "product": "tie",
  "paymentstatus": "unpaid"
}];


const handlepaymentstatus =(order) =>{
switch (order.paymentstatus) {
  case 'paid':
    console.log("it's all good");
    break;
  case 'unpaid':
    console.log("need to be paid");
    break;
  default:
    console.log(`we'll wait`);
}
}

for (const order of orders) {
 handlepaymentstatus(order)
}

当状态数量较多时，switch 语句会变得冗长。 我们可以用对象来简化：

let orders = [{
  "id": 1,
  "product": "shoes",
  "paymentStatus": "Paid"
},{
  "id": 3,
  "product": "tie",
  "paymentStatus": "Unpaid"
},{
  "id": 2,
  "product": "pants",
  "paymentStatus": "Pending"
},];

const paymentStatusHandlers = {
  'Paid': () =>  console.log("it's all good"),
  'Unpaid': () => console.log("needs to be paid"),
}

for (const order of orders) {
 paymentStatusHandlers[order.paymentStatus] 
    ? paymentStatusHandlers[order.paymentStatus]()
    : console.log("We'll wait")
}

总结

通过使用对象映射不同的状态到对应的处理函数，代码更简洁易读。 这种方法尤其在处理大量状态时更有效，提升了代码的可维护性。 当然，这只是个人的偏好，但作为一种替代方案，值得考虑。