一些让 JS 更优雅 / 易读的小技巧

对于工程师来说，代码是写一遍、修改很多遍、阅读更多遍的重要产出，可读性至关重要，所以高可读代码的重要性不言而喻。

1.用对象代替 switch / if

公共内容:
let a = 'VIP'

场景 1
if (a === 'VIP') {
  return 1
} else if (a === 'SVIP') {
  return 2
}

场景 2
switch(a) { // 感谢 红山老六 的评论指出这部分代码的 bug。现已改正
  case 'VIP':
    return 1
  case 'SVIP':
    return 2
}

场景 3
let obj = {
  VIP: 1,
  SVIP: 2
}

这里只是提供了一种方式，具体的使用场景还是要你自己判断。我用的比较多的一个场景是状态映射中文含义，例如支付状态通常获取的是 1， 2，3，4 这种值，但是列表要求显示相应的中文状态 未支付 | 支付中 | 已退款等等

2. || 和 && 的妙用

// 场景 1
function b(a) {
  if (a) {
    return a
  } else {
    return ''
  }
}
// 场景 2
function b(a) {
  return a || ''
}

上面是 || 的用法，也叫做短路处理。常见于 if 条件中，但是他其实也可以直接用于语句中。当第一个参数为 true 就会取第一个参数的值，当第一个参数不为 true 就会取第二个参数的值。&& 正好与 || 相反。第一个参数 为 true 会取第二个参数的值

转自 掘金 MrXu_
链接：https://juejin.im/post/5d7659c76fb9a06b307068ed