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

未结 0 2976
VIP1 2019年09月20日
悬赏:20积分

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

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

回帖
  • 还没有人回复
本周热议
没有相关数据
layui

微信扫码关注 网盟开源 公众号