JavaScript中switch判斷容易犯錯的一個細(xì)節(jié)
switch語句與if語句的關(guān)系最為密切,也是其它編程語言中普遍使用的一種流程控制語句,但switch的匹配是全等模式,如果不注意這個細(xì)節(jié)則寫程序時往往會出錯。
代碼:
var n = '5'; switch(n){ case 5: alert('執(zhí)行case分支'); break; default: alert('執(zhí)行default分支'); }
結(jié)果:
可能很多人會誤以為以上程序會走case分支,結(jié)果卻走了default分支。難道它們兩個不相等嗎?我們使用if語句看看。
代碼:
var n = '5'; if(n==5){ alert('真 分支'); }else{ alert('假 分支'); }
結(jié)果:
在if語句里可以匹配,但為何在switch語句里不能匹配呢?
這是因為在switch語句里的case使用全等模式,也就相當(dāng)于if里的使用三個等號類似。我們把case的代碼改寫一下
代碼:
var n = '5'; switch(n){ case '5': // 把原來的 case 5 改寫成 case '5' alert('執(zhí)行case分支'); break; default: alert('執(zhí)行default分支'); }
結(jié)果:
改寫了以后就能走case分支了,就像我們if里使用三個全等號一樣
代碼:
var n = '5'; if(n===5){ alert('真 分支'); }else{ alert('假 分支'); }
結(jié)果:
因為使用全等,所以字符串5不等于數(shù)字5,結(jié)果走了假分支。
由以上例子說明在 switch中使用的是全等匹配模式,特別是數(shù)字與字符串匹配的時候需要注意的一個問題
相關(guān)文章
深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解,適配器模式(Adapter)是將一個類(對象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03JavaScript 學(xué)習(xí)筆記(十三)Dom創(chuàng)建表格
下面弄個實例,運用Dom的知識,實例操作。2010-01-01在firefox和Chrome下關(guān)閉瀏覽器窗口無效的解決方法
首先IE是可以通過window.close()來關(guān)閉瀏覽器窗口的,但是在firefox和Chrome下是無效的,但是可以通過一些特殊的手段進(jìn)行關(guān)閉2014-01-01JavaScript中g(shù)etUTCSeconds()方法的使用詳解
這篇文章主要介紹了JavaScript中g(shù)etUTCSeconds()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06javascript下判斷一個對象是否具有指定名稱的屬性的的代碼
hasOwnProperty 方法 返回一個布爾值,指出一個對象是否具有指定名稱的屬性。2010-01-01javascript設(shè)計模式之對象工廠函數(shù)與構(gòu)造函數(shù)詳解
這篇文章主要介紹了javascript設(shè)計模式之對象工廠函數(shù)與構(gòu)造函數(shù)詳解,使用對象字面量,或者向空對象中動態(tài)地添加新成員,是最簡單易用的對象創(chuàng)建方法,除了這兩種常用的對象創(chuàng)建方式,JavaScript還提供了其他方法創(chuàng)建對象,需要的朋友可以參考下2015-07-07