前端--js代碼塊

1.代碼塊

代碼塊是在大括號 {} 中所寫的語句,以此將 多條語句的集合視為一條語句來使用。
例如:
{
var a = 123;
a++;
alert(a);
}
我們一般使用代碼塊將需要一起執(zhí)行的語句進(jìn) 行分組,需要注意的是,代碼塊結(jié)尾不需要加 分號。

2.條件語句

條件語句是通過判斷指定表達(dá)式的值來決 定執(zhí)行還是跳過某些語句。
最基本的條件語句:
if...else
switch...case

2-1. if...else語句

if...else語句是一種最基本的控制語句,它讓JavaScript可以有條件的執(zhí)行語句。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>if練習(xí)1</title>
        <script type="text/javascript">
            /*
             *  從鍵盤輸入小明的期末成績:
             *  當(dāng)成績?yōu)?00時,'獎勵一輛BMW'
             *  當(dāng)成績?yōu)閇80-99]時,'獎勵一臺iphone15s'
             *  當(dāng)成績?yōu)閇60-80]時,'獎勵一本參考書'
             *  其他時,什么獎勵也沒有
             */
             var score = prompt("請輸入小明的期末考試成績(0-100):");
             if (score>100 || score<0 || isNaN(score)){
                alert('輸入錯誤');
             }
             else{
                    if(score == 100){
                        alert('獎勵你一輛寶馬');
                 }
                    else if(score >= 80 && score <= 90){
                        alert('獎勵一臺iphone15s');
                 }
                    else if(score >= 60 && score <= 80){
                        alert('獎勵一本參考書');
                 }
                    else{
                        alert('啥也沒有');
                 }
             }
            
        </script>
    </head>
    <body>
        
    </body>
</html>

2-2.switch...case語句

switch...case是另一種流程控制語句。
switch語句更適用于多條分支使用同一條語句的情況。

語法:
switch(語句){
    case 表達(dá)式1:
        語句...
    case 表達(dá)式2:
        語句...
    default:
        語句...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>練習(xí)switch1</title>
    <script type="text/javascript">
        var s = prompt("請輸入數(shù)字:");//屏幕中會顯示一個輸入框
        var scare = parseInt(s);
        switch(scare){
            case 60:
                alert('合法');
                break
            case 0:
                alert('不合法');
                break
            default:
                alert('阿瑟東');
                break
        }
    </script>
</head>
<body>
    
</body>
</html>

需要注意的是case語句只是標(biāo)識的程序運(yùn)行的起點(diǎn),并不是終 點(diǎn),所以一旦符合case的條件程序會一直運(yùn)行到結(jié)束。所以我 們一般會在case中添加break作為語句的結(jié)束。

3.循環(huán)語句

和條件語句一樣,循環(huán)語句也是基本的控 制語句。
循環(huán)中的語句只要滿足一定的條件將會一 直執(zhí)行。

3-1.while

while語句是一個最基本的循環(huán)語句。
while語句也被稱為while循環(huán)。
語法:

while(條件表達(dá)式){
     語句...
 }

和if一樣while中的條件表達(dá)式將會被轉(zhuǎn)換為布爾類型,只要該值為真,則代碼塊將會一直重復(fù)執(zhí)行。
代碼塊每執(zhí)行一次,條件表達(dá)式將會重新計(jì)算。

3-2.for

for語句也是循環(huán)控制語句,我們也稱它為for循環(huán)。
大部分循環(huán)都會有一個計(jì)數(shù)器用以控制循環(huán)執(zhí)行的次數(shù), 計(jì)數(shù)器的三個關(guān)鍵操作是初始化、檢測和更新。for語句 就將這三步操作明確為了語法的一部分。
語法:

for(初始化表達(dá)式  ; 條件表達(dá)式 ; 更新表達(dá)式){
    語句...
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,613評論 0 13
  • 控制流 Swift提供了各種控制流程語句。這些包括while循環(huán)多次執(zhí)行任務(wù); if,guard以及switch基...
    Fuuqiu閱讀 438評論 0 0
  • 臨時起意,大晚上的跟好基友跑去天安門看升國旗,回來后就一覺睡到了下午。 結(jié)果,醒來后發(fā)現(xiàn)娛樂圈又出大事了:舒淇&馮...
    阿如花閱讀 401評論 0 1
  • 最近幾篇微文,如何做一個高品質(zhì)勤奮者? 讀了似懂非懂,又有些意猶未盡。作者支招如何做一個高品質(zhì)勤奮者。比如避免完美...
    愛米粒兒W閱讀 409評論 0 0
  • 梅花再開的時候我仿佛看到你立在樹下笑靨如花 你從天涯歸來披一身疲憊我許你半世無畏 寒蟬纏著相思的繭我劃船渡過江畔只...
    程北閱讀 849評論 5 6

友情鏈接更多精彩內(nèi)容