提升代码可读性技巧-创新互联

一、减少if/else

创新互联-专业网站定制、快速模板网站建设、高性价比汝州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式汝州网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖汝州地区。费用合理售后完善,10余年实体公司更值得信赖。

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每日一题公众号 

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


分享题目:提升代码可读性技巧-创新互联
文章链接:http://lszwz.com/article/psgec.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款