if else 语句简化

2018-12-2 16:44| 作者: admin| 查看: 119| 评论: 0|来自: 蚂蚁部落

关于if else语句基本用法参阅JavaScript if else 语句一章节。

很多情况可以对if else语句进行精简或者用其他方式替代,有利于提高性能或者减少代码量。

一.省略大括号:

在某些情况下,if else语句中的大括号可以省略。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
if(true) console.log("蚂蚁部落");

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201812/02/164511onpupuf13hkpvf13.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面省略了if语句后面的大括号,并且写在一行,运行完全没有问题。

当然也是有条件的,如果省略大括号,那么if语句仅对紧邻的下一条语句有效。

[JavaScript] 纯文本查看 复制代码运行代码
if(false) console.log(1);console.log(2);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201812/02/164546rb6iib9b853t06d6.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述代码打印结果为2,说明只对紧邻的一个语句有效,否则1与2都不会打印。

此特点对于else语句也是相同的道理,下面不再做演示。

二.三元运算符替代:

[JavaScript] 纯文本查看 复制代码运行代码
function func(flag){
  if(flag){
    console.log("蚂蚁部落一");
  }else{
    console.log("蚂蚁部落二");
  }
}
func(0)

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201812/02/164630j8ktgzncxsiijoxm.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

函数中是典型的if else语句的应用,当然我们可以省略掉大括号精简代码。

如果使用三元运算符的话,将会更加简单,代码改造如下:

[JavaScript] 纯文本查看 复制代码运行代码
function func(flag){
  flag?console.log("蚂蚁部落一"):console.log("蚂蚁部落二");
}
func(0)

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201812/02/164707bqa1fqhhkathk12b.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

使用三元运算符的话,代码量进一步得到精简。

三元运算符用法可以参阅JavaScript 三元运算符一章节。

三.与或运算符替代:

利用这两个运算符同样可以达到if else语句的效果。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
function func(flag){
  flag&&console.log("蚂蚁部落一");
  flag||console.log("蚂蚁部落二");
}
func(true)

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201812/02/164802mp44ljvv3tfd1fgv.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

与运算符&&的特点如下:

如果第一个运算数为真,那么计算第二个运算数并返回其值,否则直接返回第一个运算数的值。

或运算符||的特点如下:

如果第一个运算数为真,那直接返回此运算数的值,否则计算第二个运算数的,并返回其值。

那么代码的打印结果就很容易理解了,不多介绍,更多内容阅读如下两篇文章:

(1).与运算符参阅JavaScript 与运算符一章节。

(2).或运算符参阅JavaScript 或运算符一章节。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部