前端學習筆記--JavaScript篇(四)2020.03.06

流程控制

在程序運行過程中,各條各式代碼的執行順序對程序的結果是有直接影響的,很多時候我們要通過控制代碼的執行順序來實現我們要完成的功能。

換句話說:流程控制就是來控制我們的代碼按照什麼樣的結構順序來執行的

流程控制主要有三種結構:順序、分支、循環結構

 

順序流程控制

順序結構是程序中最簡單、最基本的流程控制,他沒有特定的語法結構,程序會按照代碼的先後順序依次執行。

 

分支流程控制if語句

由上到下執行代碼的過程中,根據不同的條件,執行不同的路徑代碼(執行代碼多選一的過程),從而得到不同的結果

if語句

1.if的語法結構

if (條件表達式) {

執行語句;

}

2.執行思路

如果if裏面的表達式執行結果爲真,則執行大括號裏的語句

如果if執行條件結果爲假,則執行if語句後面的代碼

if else語句

1.語法結構

if 條件表達式() {

執行語句1;

}

else {

執行語句2;

}

2.執行思路

如果if裏面的表達式執行結果爲真,則執行執行語句1;

如果if執行條件結果爲假,則執行執行語句2;

最終只能有一個語句執行

if else if 語句

多分支語句,就是利用多個條件來選擇不同的語句執行,得到不哦那個的結果

1.語法結構

if (條件表達式1) {

執行語句1;

}

else if (條件表達式2) {

執行語句2;

}

else {

執行語句3;

}

2.執行思路

如果條件表達式1符合條件,執行執行語句1;

否則,判斷條件表達式2是否符合條件,符合則執行執行語句2,

以此類推。。。

 

三元表達式

三元表達式也能做一些簡單的條件選擇,有三元運算符組成的獅子稱爲三元表達式

1.有三元運算符組成的式子我們稱爲三元表達式

2.語法結構

條件表達式 ? 表達式1 : 表達式2

3.執行思路

如果條件表達式結果爲真 則返回 表達式1,否則返回 表達式2

 

 

分支流程控制switch語句

switch語句也是多分支語句,也可以實現多選一

1.語法結構

switch(表達式) {

case value1:

執行語句1;

break;

case value2:

執行語句2;

break;

...

default:

執行最後語句;

}

2.執行思路

利用表達式的值與case後面的值進行匹配,如果匹配上,則執行該case裏面的語句

如果都沒匹配上,則執行default裏面的語句

 

1.在開發中,表達式裏我們經常填寫成變量

2.我們的num值和case裏面的值是“===”的關係纔可以進行執行

 

 

switch語句和if else if 語句的區別

一般情況下,這倆可以互換

switch...case語句通常處理case爲比較確定的情況,而else if語句更加靈活常用於判斷範圍比較大

switch語句進行條件判斷後直接執行到程序條件語句,效率更高。而if else語句有幾種條件,就得判斷多次

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章