表達(dá)式和語(yǔ)句的區(qū)別
表達(dá)式就是可以被求值的代碼比如什么a = 1
語(yǔ)句就是一段可以執(zhí)行的代碼比如什么if else
直接給B站的黑馬程序員的老師引流一波總結(jié)的真好
分支語(yǔ)句
就是基本上所有的語(yǔ)言都會(huì)有的if else 語(yǔ)句就是滿足不同的條件執(zhí)行不同的代碼，讓計(jì)算機(jī)有條件判斷的能力。
注意在if的括號(hào)里面除了數(shù)字0之外所有的數(shù)字直接寫(xiě)的話都是true下面直接看代碼把
<!DOCTYPE html>
<html>
<head>
<title>條件判斷示例</title>
</head>
<body>
<script>
let age = Number(prompt("請(qǐng)輸入您的年齡："))
if (age > 18) {
alert('你成年了')
} else if (age === 18) { // 注意是===
alert('你剛剛滿18歲')
} else {
alert('你沒(méi)有成年')
}
// if 后面的括號(hào)里除了空字符串和數(shù)字0之外其他都是true
if (0){
console.log('0是true')
} else {
console.log('0不是true')
}
if (''){
console.log('空字符串是true')
} else {
console.log('空字符串不是true')
}
</script>
</body>
</html>
運(yùn)行結(jié)果
這里還會(huì)看見(jiàn)彈窗讓輸入年齡
三元運(yùn)算符
一些簡(jiǎn)單的條件判斷使用三元運(yùn)算符可以增加代碼的可讀性，但是復(fù)雜的條件判斷一定要杜絕使用三元運(yùn)算符?。。?！一般在開(kāi)發(fā)過(guò)程中都是為了取值的，反我是這樣
上代碼：
<!DOCTYPE html>
<html>
<head>
<title>條件判斷示例</title>
</head>
<body>
<script>
console.log(1>5 ? '1大于5' : '1小于5')
let num = 10 > 5 ? 10 : 5 // 開(kāi)發(fā)過(guò)程中一般都是用于取值
console.log(num)
</script>
</body>
</html>
結(jié)果
switch語(yǔ)句
主要用于各種分支判斷，主要用于 那種等值判斷其實(shí)開(kāi)發(fā)過(guò)程中不推薦使用switch語(yǔ)句
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>switch 語(yǔ)句示例</title>
</head>
<body>
<script>
let userInput = prompt("請(qǐng)輸入一個(gè)數(shù)字");
if (userInput !== null) {
userInput = parseInt(userInput);
switch (userInput) {
case 1:
alert("您輸入的數(shù)字是 1");
break;
case 2:
alert("您輸入的數(shù)字是 2");
break;
case 3:
alert("您輸入的數(shù)字是 3");
break;
default:
alert("您輸入的數(shù)字不在范圍內(nèi)");
}
} else {
alert("您取消了輸入");
}
</script>
</body>
</html>
在這個(gè)示例中，頁(yè)面加載后會(huì)彈出一個(gè) prompt 輸入框，用戶可以在輸入框中輸入數(shù)字。根據(jù)用戶輸入的數(shù)字，使用 switch 語(yǔ)句進(jìn)行判斷，并彈出不同的提示框信息。如果用戶點(diǎn)擊了 prompt 的取消按鈕，則會(huì)提示用戶取消了輸入。
斷點(diǎn)調(diào)試
斷點(diǎn)調(diào)試是開(kāi)發(fā)過(guò)程中非常重要的一個(gè)環(huán)節(jié)
首先寫(xiě)一個(gè)小案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>斷點(diǎn)調(diào)試</title>
</head>
<body>
<script>
let num = 10
num = num + 1
console.log(num)
</script>
</body>
</html>
然后打開(kāi)頁(yè)面的開(kāi)發(fā)者工具點(diǎn)擊源代碼，在想要打斷點(diǎn)的地方點(diǎn)擊一下然后注意一定要刷新網(wǎng)頁(yè)
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-828674.html
這個(gè)斷點(diǎn)就打成功了，然后在斷點(diǎn)的時(shí)候你把鼠標(biāo)放在變量上會(huì)顯示這個(gè)變量當(dāng)前的值，對(duì)于循環(huán)的值的追蹤非常好，看一個(gè)bug啥的也非常的方便文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-828674.html
到了這里，關(guān)于7.JS里表達(dá)式,if條件判斷,三元運(yùn)算符,switch語(yǔ)句,斷點(diǎn)調(diào)試的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
