提升代码可读性技巧

一、减少if/else

1、短路运算

javascript 的逻辑或 || 的短路运算有时候可以用来代替一些比较简单的if/else

逻辑或|| 的短路运算：若左边能转成true，返回左边式子的值，反之返回右边式子的值

例如：

let c
if(a){
c=a
}else{
c=b
}

可以优化成以下的写法：

let c=a||b

2、三元运算符：

这里值一层的三元运算符，如果多层嵌套的三元运算符，代码可读性也很差

const fn = (nBoolean) {
    if (nBoolean) {
        return 1
    } else {
        return 0
    }
}

// 使用三元运算符
const fn = (nBoolean) {
    return nBoolean ? 1 : 0
}

三、switch/case语句

switch/case语句相较于if/else，可读性要好些，如以下案例：

let type = 'A'

//if else if
if (type === 'A' || type === 'B') {
    console.log(1);
} else if (type === 'C') {
    console.log(2);
} else if(type === 'D') {
    console.log(3);
} else {
    console.log(0)
}

//switch case
switch (type) {
    case 'A':
    case 'B':
        console.log(1)
        break
    case 'C':
        console.log(2)
        break
    case 'D':
        console.log(3);
        break;
    default:
        console.log(0)
}

说明：本文摘自Js每日一题公众号