当前位置 : 主页 > 网络编程 > 其它编程 >

走进javascript——解开switch之谜

来源:互联网 收集:自由互联 发布时间:2023-07-02
很早以前就觉得switch很怪异或者说一直没太理解它它怪异就怪异在非要给每个语句加上break;不然后面的语句就算不符合条件还是会执行或者说一直没太理解它它怪异就怪异在非要给每个
很早以前就觉得switch很怪异或者说一直没太理解它它怪异就怪异在非要给每个语句加上break;不然后面的语句就算不符合条件还是会执行或者说一直没太理解它它怪异就怪异在非要给每个语句加上break;不然后面的语句就算不符合条件还是会执行比如以下这段代码

var num 2;switch(num){case 1:console.log(1);case 2:console.log(2);case 3:console.log(3);case 4:console.log(4);}

执行效果如下

857662-20170224153633320-715425606.png

明明只有2才符合条件但3跟4也被执行了然后查教程说要加上break后来代码就成了下面这个样子

var num 2;switch(num){case 1:console.log(1);break;case 2:console.log(2);break;case 3:console.log(3);break;case 4:console.log(4);break;}

写过若干个switch语句以后心里不由产生一种情绪switch太TM难用了明明很简单非要让人多写一个break;还不如用if来判断不知道这是不是很多人都有的想法反正在之前我是这么想的。

写的代码越多就越觉得这太不对劲了于是在想如果每个语句都要写break;那么解析器直接帮忙写上就好了可现实是解析器并没有这么干。在某一个瞬间产生了一个想法这个switch肯定还有我所不知道的东西于是带着这种心情在网上各种查终于在某一个瞬间找到了一丝曙光。

不知道你有没有一种感觉哈写switch特别难用当然这是有前提的那就是你对switch不了解。说它难用不仅仅只是说每次要加break在if中我们判断某个值如果等于2或者3的时候我们可以下面这样写

var num 3;if(num2||num3){console.log(true);}

但如果要你在switch中实现这样的一个功能可能会令你无从下手。

以上都是瞎说——因为switch是可以实现这些功能的之所以我们会觉得不能实现是因为它的这种实现方式太容易让人误解了并且如果你不往那方面去想很难发现它的用处。

下面是一个用switch实现的判断num2或3的例子

var num 2;switch(num){case 1:console.log(1);break;case 2:case 3:console.log(2 "或" 3);break;case 4:console.log(4);break;}

输出如下

857662-20170224224909132-298982002.png

这个case是一个入口当某个值相匹配时就会去执行相应的代码块并且如果没有加break的话后面的值不管是否匹配都会被执行直到遇见break将跳出switch语句而以上的这段代码就是利用的这一点我们在这里并没有给2的值加break;因此当值等于2的时候还会接着往下执行但在3中有一个break因此执行完3就会被跳出。如果值为3则直接执行3代码块接着跳出。

也就是说之前我所认为的怪异它是合理的只是这些东西没有被我所发现。

如果想在switch中实现判断诸如1>2则可以使用下面的这种方式来实现

var num 2;switch(true){case num>1:console.log("num>1");break;case num<1:console.log("num<1");break;}

857662-20170224230259179-1751769279.png

在switch中做判断的时候需要注意一点它用的是全等而非比如下面这段代码

var num "1";switch(num){case 1:console.log(1);break;case 2:console.log(2);break;}

它并没有输出1因为在switch中默认使用的是全等因此它不会进行隐式转换。

如果你想实现隐式转换可以用下面这种方式来实现。

var num "1";switch(true){case num1:console.log(1);break;case num2:console.log(2);break;}

输出如下

857662-20170224231038210-1608154852.png

这个true究竟是个什么...这是你的第一反应

之所以会有这种感觉是因为我们对switch一直都存在着一些误解而且这种误解很深很深反正我从学编程以来就一直没有理解这个switch开始是它才过于基础导致很多人都不愿意去研究它。

为了解开这个switch之谜我从重对它做一次讲解用代码来讲把。

switch(x){case n:.....break;}

其中的x代表某一个值而case中的n如果和x一模一样则会被执行注意是一模一样举个例子

(x 5) 5 (n x5) true 因为5!true所以不会被执行具体代码var num 5;switch(num){case num5:console.log(num);break;}

又如

var num 5;switch(num){case true:console.log(num);break;}

这里所说的一模一样就是说的num这个值和case上的值要一样不是单方面的case为true就为true。

而我们上面给switch传true就是因为这个原因因为true是个布尔值所以我们才可以用判断。

其实switch并没有限制你要传什么它才不管你传的是false还是数组你case上的值只要和它相对应就ok最后举个例子

switch(undefined){case [][0]:console.log(undefined);break;}

输出undefined。

虽然这篇文章是在讲switch但我觉得它同时也说明了一个道理.........自己去悟。

上一篇:SQLServer如何查看存储过程的执行计划
下一篇:没有了
网友评论