优雅的编程「If语句」

随着项目代码量的增多,如何优化项目代码的健壮性,是一直萦绕在脑海里,却没有停下来好好考虑的事情。总会遇到某一段函数的变量对象就突然找不到属于它的方法了,排除半天,发现参数不知道什么时候变成了undefined。而对于书写if(){}总觉得性价比不高,书写麻烦,占用空间,丑!于是总结许多经常需要写 if语句,但可以用其他代替的情况。主要是变量赋值判断,函数执行判断,多种条件判断。

♨ if 条件语句

  • 逻辑运算符简化 -- 通过参数判断是否执行函数
    编写代码的过程中,我们经常面对的问题可能就是某一个函数所需要的变量可能会因为是undefined导致代码报错,按照一般的编程习惯可能更喜欢写if(Vue ){ console.error("blabla··")},说实话,写的我手疼····。而在Vue的源码中经常看到类似这样的一段代码Vue && console.error("Vue is undefined")
    在逻辑判断过程中,其实也函数执行的过程
·常用写法
if(someThing){
    toDo();
}
·优雅写法
someThing && toDo();
-  逻辑或(||)
只要第一个值的布尔值为false,就会永远执行第二位的toDo()函数。
逻辑或属于短路操作,第一个值为true时,不再执行第二位的toDo()函数,且返回第一个值。
  - 逻辑与(&&)
只要第一个值的布尔值为true,那么永远返回第二个值。
逻辑与属于短路操作,第一个值为false时,不再执行第二位的toDo()函数,且返回第一个值。
  • 逻辑运算简化多中情况下的变量赋值
var x = a || b 等价于:
var x;
if(a){
    x = a;
} else if(b){
    x = b;
} 
var x = a && b 等价于:
var x = a;
if(a){
    x = b;
}
  • 三目运算
    if(a === true){
      a ="真"
    }else{
    a ="假"
    }
    相当于三目运算 a === true ? "真" : "假"
    
  • switch/case
    当条件判断数量较大时,可以采用 switch/case代替一长串的eles if(){}
switch (res.state) {
        case 'SUCCESS':
            //TODO
            break;
        case 'FAIL':
            //TODO
            break;
        default :
            //TODO
    }
  • 变量默认值

常用情况是在函数内部,形参作为变量传入,但这个参数也可能不被传入,这时候我们可能就需要写 if(!someName){someName ="rico_wang"}来命名参数的默认值,实际上 someName = someName || "rico_wang"通过逻辑运算符也可以达到同样的效果。

  • 当条件数量较多,但结果可能有共通性时
##例如
var name= null;
if(a = 1){
name = "wang"
}else if(a =2 ){
name = "li"
}else if(a = 3){
name = "wang"
}else if(a = 4){
name = "li"
}

完全可以简化为:

var name= null;
if(a = 1|| a= 3 ){
name = "wang"
}else if(a = 2 || a = 4){
name = "li"
}

总结:那么如何准确的选择更简洁的书写方式呢
1、用作函数执行前,参数存在与否的判断,防止程序出错
2、变量赋值,条件情况只有一种时 使用双目运算对变量进行赋值
3、变量赋值,条件情况为多种,仅选择其中一种情况赋值
4、在 if 条件情况较多,可使用switch/case代替

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容