JavaScript 之核心語法 [ 語句 ]

stormjun 發(fā)布于2019-08-23 10:50 / 665人閱讀

摘要：語句概況描述在代碼中，使用分號(hào)分隔的可以叫做是語句語句塊在代碼中，大括號(hào)表示語句塊語句塊中可以存在一條或多條語句語句的分類條件語句循環(huán)語句跳轉(zhuǎn)語句條件語句描述通過對(duì)條件表達(dá)式的計(jì)算結(jié)果進(jìn)行判斷，來決定要執(zhí)行的語句語句語法條件表達(dá)式語句塊當(dāng)

語句概況 描述

在JavaScript代碼中，使用分號(hào)（；）分隔的可以叫做是語句

語句塊

在JavaScript代碼中，大括號(hào)（｛｝）表示語句塊

語句塊中可以存在一條或多條語句

語句的分類

條件語句

循環(huán)語句

跳轉(zhuǎn)語句

條件語句 描述

通過對(duì)條件表達(dá)式的計(jì)算結(jié)果進(jìn)行判斷，來決定要執(zhí)行的語句

if...else語句 語法

if ( 條件表達(dá)式 ) {
   語句塊 - 當(dāng)條件表達(dá)式計(jì)算結(jié)果為true時(shí)才執(zhí)行
} else {
   語句塊 - 當(dāng)條件表達(dá)式計(jì)算結(jié)果為false時(shí)才執(zhí)行
}

條件表達(dá)式

用于控制執(zhí)行指定的語句塊

條件表達(dá)式的計(jì)算結(jié)果一般為boolean類型值

如果表達(dá)式的計(jì)算結(jié)果不為boolean類型，會(huì)先將數(shù)據(jù)類型強(qiáng)轉(zhuǎn)成boolean類型，在進(jìn)行判斷

示例代碼

/* 條件表達(dá)式為boolean類型 */
var boo = true;
/* 添加條件表達(dá)式 */
if ( boo ) {
    /* 表達(dá)式結(jié)果為true時(shí) */
    console.log( "判斷結(jié)果為true" );
} else {
    /* 表達(dá)式結(jié)果為false時(shí) */
    console.log( "判斷結(jié)果為false" );
}
/* 條件表達(dá)式不是boolean類型 */
var num = 100;
/* 添加條件表達(dá)式 */
if ( num ) {
    /* 表達(dá)式結(jié)果為true時(shí) */
    console.log( "判斷結(jié)果為true" );
} else {
    /* 表達(dá)式結(jié)果為false時(shí) */
    console.log( "判斷結(jié)果為false" );
}

嵌套

if...else 語句允許嵌套

示例代碼

/* if...else語句的嵌套 */
var ss = 90;
/* 添加條件表達(dá)式 */
if ( ss > 80 ) {
    /* 表達(dá)式結(jié)果為true時(shí) */
    console.log( "優(yōu)秀" );
    /* 表達(dá)式結(jié)果為false時(shí) */
} else {
    /* 可以嵌套在做分類 */
    /* 當(dāng)?shù)谝粋€(gè)表達(dá)式結(jié)果為false時(shí)，在做選擇 */
    if ( ss > 50 ) {
        /* 結(jié)果是true時(shí) */
        console.log( "及格" );
        /* 結(jié)果是false時(shí) */
    } else {
        /* 可以在嵌套在做分類（建議最多嵌套三層） */
        /* 當(dāng)上一個(gè)表達(dá)式結(jié)果為false時(shí)，在做選擇 */
        if ( ss > 30 ) {
            /* 結(jié)果是true時(shí) */
            console.log( "不及格" );
        } else {
            /* 結(jié)果是false時(shí) */
            console.log( "很差" );
        }
    }
}

else...if語句

是對(duì)if...else語句嵌套的一些優(yōu)化

與if...else語句嵌套的對(duì)比

代碼的可讀性變高

代碼的加載時(shí)間變快

顯示結(jié)果相同

示例代碼

/* else...if語句 */
var sss = 95;
/* 添加條件表達(dá)式 */
if ( sss > 90 ) {
    console.log( "優(yōu)秀" );
} else if ( sss > 80 ) {
    console.log( "很棒" );
} else if ( sss > 60 ) {
    console.log( "及格" );
} else if ( sss > 40 ) {
    console.log( "不及格" );
} else {
    console.log( "很差" );
}

switch...case語句 語法

switch ( 條件表達(dá)式 ) {
    case 值:
        語句塊
        break;
    ... ...
    default：
        語句塊
}

條件表達(dá)式

條件表達(dá)式的計(jì)算結(jié)果不一定是boolean類型，也可以是其他類型

case語句

case的值與表達(dá)式的結(jié)果進(jìn)行比較判斷

結(jié)果為true時(shí)顯示對(duì)應(yīng)結(jié)果

結(jié)果為false時(shí)會(huì)在進(jìn)行判斷表達(dá)式的結(jié)果

case的值與表達(dá)式的結(jié)果之間是全等比較（既要比較值，也要比較類型）

break關(guān)鍵字

表示該語句的結(jié)束

每個(gè)case語句所對(duì)應(yīng)的語句塊中都會(huì)添加 break 關(guān)鍵字

break 關(guān)鍵字并不是switch語句的語法要求，而是switch語句的需要

default語句

在每個(gè)case中都沒有對(duì)應(yīng)條件的可以再語句中最后添加default來做最后顯示

也可以將default添加在語句中的任意位置，表達(dá)效果一樣，但是要在其中添加break

示例代碼

var s = 2;
/* 添加條件表達(dá)式 */
switch ( s ) {
    /* 條件表達(dá)式的計(jì)算結(jié)果等于case值 */
    case 0:
        /* 顯示當(dāng)前case語句對(duì)應(yīng)的語句 */
        console.log( "0" );
        /* 執(zhí)行完語句后結(jié)束選擇判斷 */
        break;
    case 1:
        console.log( "1" );
        break;
    /* 在沒有匹配的case語句時(shí)，會(huì)顯示default中的語句 */
    default:
        console.log( "沒有可選項(xiàng)" );
}

循環(huán)語句 描述

讓一段JavaScript代碼重復(fù)執(zhí)行

while語句 語法

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

示例代碼

/* while語句 */
var s = 1;
/* 進(jìn)行條件表達(dá)式判斷 */
while ( s < 10 ) {
    console.log( s );// 在不改變 變量的值時(shí)會(huì)一直循環(huán)顯示
    s++;// 改變 變量的值，使表達(dá)式的計(jì)算結(jié)果改變，結(jié)束循環(huán)
}

通過改變變量的值來控制條件表達(dá)式的計(jì)算結(jié)果

要設(shè)置出口來結(jié)束循環(huán)，不然會(huì)進(jìn)行無限的死循環(huán)，無法徹底結(jié)束

do...while語句 語法

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

與while語句對(duì)比

while語句

如果沒有滿足條件判斷，將不進(jìn)行循環(huán)語句顯示

do...while語句

會(huì)先顯示一次語句塊，在進(jìn)行條件表達(dá)式判斷

示例代碼

/* do...while語句 */
var ss = 1;
do {
    /* 先顯示一次語句塊 */
    console.log("哈哈哈哈");
  /* 進(jìn)行條件表達(dá)式判斷 */
} while ( ss > 10 );

for語句 語法

for ( 定義變量表達(dá)式; 條件表達(dá)式; 循環(huán)控制表達(dá)式 ) {
        語句塊
}

表達(dá)式的解釋

定義變量表達(dá)式 - 表示控制循環(huán)的變量

條件表達(dá)式 - 表示控制循環(huán)變量的值

循環(huán)控制表達(dá)式 - 表示控制循環(huán)結(jié)束

三個(gè)表達(dá)式可以省略，但是表達(dá)式的分隔符必須存在，表示站位

示例代碼

for ( var i = 0; i < 10; i++ ) {
    console.log( i );
}

跳轉(zhuǎn)語句 描述

當(dāng)前執(zhí)行的JavaScript代碼，從當(dāng)前位置跳轉(zhuǎn)到另一個(gè)位置

跳轉(zhuǎn)語句的注意

跳轉(zhuǎn)語句只能用于循環(huán)語句中，而不能用于條件判斷結(jié)構(gòu)

switch...case語句中使用的 break語句，不是 break 的用法，而是 switch語句的需要

break語句

表示結(jié)束整體循環(huán)

示例代碼

for ( var s = 0; s < 10; s++ ) {
    if ( s == 4 ) {
        break;
    }
    console.log( s );// 顯示 0 1 2 3 
}

continue語句

表示結(jié)束本次循環(huán)

示例代碼

for ( var i = 0; i < 10; i++ ) {
    if ( i == 4 ) {
        continue;
    }
    console.log( i );// 顯示 0 1 2 3   5 6 7 8 9
}

云服務(wù)器 GPU云服務(wù)器 javascript核心 javascript 語法 javascript語法 javascript核心技術(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96731.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

stormjun

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

旅途云：雅安/青島高防vps,4核4G僅120元/月;洛杉磯vps僅38元/月起;美國(guó)高防vps低至

閱讀 1122·2021-11-23 10:05
【Unity使用UGUI實(shí)現(xiàn)王者榮耀UI界面（四）】游戲開始界面

閱讀 1805·2021-11-12 10:36
flex禁止ios微信瀏覽器回彈機(jī)制

閱讀 1862·2019-08-30 15:56
css實(shí)現(xiàn)元素水平垂直居中

閱讀 1698·2019-08-29 12:32
CSS學(xué)習(xí)筆記(十二) CSS命名規(guī)范

閱讀 3056·2019-08-28 18:04
JavaScript 之面向?qū)ο?[ Array類型 ]

閱讀 3441·2019-08-26 12:17
一些函數(shù)的簡(jiǎn)單實(shí)現(xiàn)

閱讀 2512·2019-08-26 11:35
微服務(wù)之分布式文件系統(tǒng)

閱讀 1253·2019-08-23 15:11

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

JavaScript 之核心語法 [ 語句 ]

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

相關(guān)文章

**【JavaScript】核心語法之之語句**

**【JavaScript】核心語法之函數(shù)**

JavaScript 之核心語法 [ 函數(shù)和作用域 ]

JavaScript 闖關(guān)記

JavaScript 之核心語法 [ 數(shù)組 ]

發(fā)表評(píng)論

0條評(píng)論

stormjun

男|高級(jí)講師

TA的文章

旅途云：雅安/青島高防vps,4核4G僅120元/月;洛杉磯vps僅38元/月起;美國(guó)高防vps低至

【Unity使用UGUI實(shí)現(xiàn)王者榮耀UI界面（四）】游戲開始界面

flex禁止ios微信瀏覽器回彈機(jī)制

css實(shí)現(xiàn)元素水平垂直居中

CSS學(xué)習(xí)筆記(十二) CSS命名規(guī)范

JavaScript 之面向?qū)ο?[ Array類型 ]

一些函數(shù)的簡(jiǎn)單實(shí)現(xiàn)

微服務(wù)之分布式文件系統(tǒng)

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

JavaScript 之 核心語法 [ 語句 ]

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

JavaScript 之核心語法 [ 語句 ]