JavaScript 之核心語(yǔ)法 [ 語(yǔ)句 ]

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

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

語(yǔ)句概況 描述

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

語(yǔ)句塊

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

語(yǔ)句塊中可以存在一條或多條語(yǔ)句

語(yǔ)句的分類(lèi)

條件語(yǔ)句

循環(huán)語(yǔ)句

跳轉(zhuǎn)語(yǔ)句

條件語(yǔ)句 描述

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

if...else語(yǔ)句 語(yǔ)法

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

條件表達(dá)式

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

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

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

示例代碼

/* 條件表達(dá)式為boolean類(lèi)型 */
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類(lèi)型 */
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 語(yǔ)句允許嵌套

示例代碼

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

else...if語(yǔ)句

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

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

代碼的可讀性變高

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

顯示結(jié)果相同

示例代碼

/* else...if語(yǔ)句 */
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語(yǔ)句 語(yǔ)法

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

條件表達(dá)式

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

case語(yǔ)句

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

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

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

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

break關(guān)鍵字

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

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

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

default語(yǔ)句

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

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

示例代碼

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

循環(huán)語(yǔ)句 描述

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

while語(yǔ)句 語(yǔ)法

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

示例代碼

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

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

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

do...while語(yǔ)句 語(yǔ)法

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

與while語(yǔ)句對(duì)比

while語(yǔ)句

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

do...while語(yǔ)句

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

示例代碼

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

for語(yǔ)句 語(yǔ)法

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

表達(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)語(yǔ)句 描述

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

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

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

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

break語(yǔ)句

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

示例代碼

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

continue語(yǔ)句

表示結(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
}

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.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低至

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

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

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

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

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

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

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

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

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

JavaScript 之核心語(yǔ)法 [ 語(yǔ)句 ]

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

相關(guān)文章

【JavaScript】核心語(yǔ)法之之語(yǔ)句

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

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

JavaScript 闖關(guān)記

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

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

0條評(píng)論

stormjun

男|高級(jí)講師

TA的文章

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

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

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

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

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

JavaScript 之面向?qū)ο?[ Array類(lèi)型 ]

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

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

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

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

JavaScript 之 核心語(yǔ)法 [ 語(yǔ)句 ]

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

示例代碼

相關(guān)文章

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

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

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

JavaScript 之核心語(yǔ)法 [ 語(yǔ)句 ]