JavaScript條件判斷_動力節(jié)點Java學(xué)院整理
JavaScript使用if () { ... } else { ... }來進(jìn)行條件判斷。例如，根據(jù)年齡顯示不同內(nèi)容，可以用if語句實現(xiàn)如下：
var age = 20;
if (age >= 18) { // 如果age >= 18為true，則執(zhí)行if語句塊
alert('adult');
} else { // 否則執(zhí)行else語句塊
alert('teenager');
}
其中else語句是可選的。如果語句塊只包含一條語句，那么可以省略{}：
var age = 20;
if (age >= 18)
alert('adult');
else
alert('teenager');
省略{}的危險之處在于，如果后來想添加一些語句，卻忘了寫{}，就改變了if...else...的語義，例如：
var age = 20;
if (age >= 18)
alert('adult');
else
console.log('age < 18'); // 添加一行日志
alert('teenager'); // <- 這行語句已經(jīng)不在else的控制范圍了
上述代碼的else子句實際上只負(fù)責(zé)執(zhí)行console.log('age < 18');，原有的alert('teenager');已經(jīng)不屬于if...else...的控制范圍了，它每次都會執(zhí)行。
相反地，有{}的語句就不會出錯：
var age = 20;
if (age >= 18) {
alert('adult');
} else {
console.log('age < 18');
alert('teenager');
}
這就是為什么我們建議永遠(yuǎn)都要寫上{}。
多行條件判斷
如果還要更細(xì)致地判斷條件，可以使用多個if...else...的組合：
var age = 3;
if (age >= 18) {
alert('adult');
} else if (age >= 6) {
alert('teenager');
} else {
alert('kid');
}
上述多個if...else...的組合實際上相當(dāng)于兩層if...else...：
var age = 3;
if (age >= 18) {
alert('adult');
} else {
if (age >= 6) {
alert('teenager');
} else {
alert('kid');
}
}
但是我們通常把else if連寫在一起，來增加可讀性。這里的else略掉了{(lán)}是沒有問題的，因為它只包含一個if語句。注意最后一個單獨的else不要略掉{}。
請注意，if...else...語句的執(zhí)行特點是二選一，在多個if...else...語句中，如果某個條件成立，則后續(xù)就不再繼續(xù)判斷了。
相關(guān)文章
???????分享7?個實用?TypeScript?單行代碼
這篇文章主要介紹了???????分享7?個實用?TypeScript?單行代碼，其中包括泛型、斷言等高級用法，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-05-05
閉包實質(zhì)上是函數(shù)作用域的副產(chǎn)物,下面這篇文章主要給大家介紹了關(guān)于瀏覽器是如何看閉包的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2021-11-11
通過JavaScript實現(xiàn)撲克牌游戲的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過面向?qū)ο髮崿F(xiàn)一個簡單的撲克牌游戲，文中的示例代碼代碼講解詳細(xì)，感興趣的可以學(xué)習(xí)一下2022-07-07
JavaScript中使用Async實現(xiàn)異步控制
async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個函數(shù)，大家通過本文學(xué)習(xí)下，對使用async 實現(xiàn)異步控制相關(guān)知識，感興趣的朋友一起看看吧2017-08-08
window.print()打印html網(wǎng)頁的兩種方法實現(xiàn)
本文主要介紹了window.print()打印html網(wǎng)頁的兩種方法實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
javaScript中一些常見的數(shù)據(jù)類型檢查校驗
最近在面試的時候又被問到JS中檢查校驗數(shù)據(jù)類型的方法,所以這篇文章主要給大家介紹了關(guān)于javaScript中一些常見的數(shù)據(jù)類型檢查校驗的相關(guān)資料,需要的朋友可以參考下2022-05-05
本文主要介紹了JavaScript?WeakMap的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
使用JavaScript實現(xiàn)小球按照貝塞爾曲線運動
要在 JavaScript 中實現(xiàn)一個按照貝塞爾曲線運動的小球,關(guān)鍵是要掌握貝塞爾公式的基本原理和實現(xiàn)方式,以及使用 JavaScript 處理動畫和物理運算,感興趣的小伙伴跟著小編一起來看看吧2024-10-10
js 判斷一個元素是否存在的實現(xiàn)代碼，需要的朋友可以參考下。2010-03-03
PNGHandler-借助JS讓PNG圖在IE下實現(xiàn)透明（包括背景圖）
PNGHandler-借助JS讓PNG圖在IE下實現(xiàn)透明（包括背景圖）...2007-08-08