成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

JS note ---語(yǔ)句

劉玉平 / 2737人閱讀

語(yǔ)句

JavaScript 語(yǔ)句向?yàn)g覽器發(fā)出的命令 語(yǔ)句的作用是告訴瀏覽器該做什么。

JS就是由一條一條的語(yǔ)句構(gòu)成的 每一條語(yǔ)句使用;結(jié)尾

JS中的語(yǔ)句默認(rèn)是由上至下順序執(zhí)行的 但是我們也可以通過(guò)一些流程控制語(yǔ)句來(lái)控制語(yǔ)句的執(zhí)行順序

代碼塊

代碼塊是在大括號(hào){}中所寫(xiě)的語(yǔ)句 將多條語(yǔ)句的集合視為一條語(yǔ)句來(lái)使用

一般使用代碼塊將需要一起執(zhí)行的語(yǔ)句進(jìn)行分組 代碼塊結(jié)尾不需要加分號(hào)

    {
    var num=100;
    num++";
    console.log(num);
    }
條件語(yǔ)句

條件語(yǔ)句是通過(guò)判斷指定表達(dá)式的值來(lái)決定執(zhí)行還是跳過(guò)某些語(yǔ)句

最基本的條件語(yǔ)句:
if...else
swtich...case

if...else語(yǔ)句

-if...else語(yǔ)句是一種最基本的控制語(yǔ)句,它讓JavaScript可以有條件的執(zhí)行語(yǔ)句
第一種形式: if(表達(dá)式)語(yǔ)句

if語(yǔ)句是條件判斷語(yǔ)句 是最基本的流程控制語(yǔ)句

if語(yǔ)句的執(zhí)行流程:判斷條件的結(jié)果true/false --->當(dāng)結(jié)果為true時(shí),執(zhí)行下面的代碼塊 / 當(dāng)結(jié)果為false時(shí) ,會(huì)跳過(guò)代碼塊,繼續(xù)執(zhí)行下面的代碼

    
    if(age>=18){
     alert("您已成年:)");
    }
//if關(guān)鍵字后面的()不能省略
//if關(guān)鍵字后的判斷條件的結(jié)果必須是布爾值 如果不是  JS會(huì)自動(dòng)轉(zhuǎn)換為布爾值

第二種形式:if(表達(dá)式)語(yǔ)句else語(yǔ)句

if...else語(yǔ)句的執(zhí)行流程:判斷條件的結(jié)果為true/false --->結(jié)果為true 執(zhí)行a語(yǔ)句/結(jié)果為false 執(zhí)行b語(yǔ)句 --->繼續(xù)執(zhí)行下面的代碼塊

    if(age>=18){
    alert("您已成年:)");
} else{
    alert("你還未成年:(");
}

除了if和else還可以使用else if來(lái)創(chuàng)建多個(gè)條件分支 簡(jiǎn)化了if...else語(yǔ)句嵌套的寫(xiě)法

   if(age < 18){
alert("你還未成年!");
}else if(age <= 30){
alert("您已經(jīng)是個(gè)青年了")
}else{
alert("你已經(jīng)步入中老年了...");
}


switch...case語(yǔ)句

switch...case是另一種流程控制語(yǔ)句

switch語(yǔ)句適用于多條分支使用同一條語(yǔ)句的情況

switch語(yǔ)句相對(duì)于if...else語(yǔ)句性能更優(yōu)

case語(yǔ)句只是標(biāo)識(shí)程序運(yùn)行的開(kāi)始,并不是結(jié)束 一旦符合case的條件程序會(huì)一直運(yùn)行到結(jié)束 所以我們一般會(huì)在case中添加break作為語(yǔ)句的結(jié)束

switch(語(yǔ)句){
case 表達(dá)式1:
語(yǔ)句...
case 表達(dá)式2:
語(yǔ)句...
default:
語(yǔ)句...
}
//switch關(guān)鍵字后面的小括號(hào) case關(guān)鍵字后的:都不能省略
//break是跳出 一旦被執(zhí)行 后面所有的case和default語(yǔ)句都不會(huì)被執(zhí)行
循環(huán)語(yǔ)句

循環(huán)語(yǔ)句也是基本的控制語(yǔ)句

循環(huán)中的語(yǔ)句只要滿足一定的條件就會(huì)一直執(zhí)行

執(zhí)行流程:執(zhí)行代碼塊 --->判斷條件的結(jié)果是true/false --->true 重復(fù)執(zhí)行代碼塊/false 繼續(xù)執(zhí)行后面的代碼

和if一樣 while中的條件表達(dá)式會(huì)被轉(zhuǎn)換為布爾值 只要該值為true 代碼塊會(huì)一直執(zhí)行

代碼塊每執(zhí)行一次 條件表達(dá)式就會(huì)重新計(jì)算

while語(yǔ)句

while語(yǔ)句也被稱(chēng)為while循環(huán)

while語(yǔ)句在執(zhí)行時(shí),會(huì)先對(duì)條件表達(dá)式進(jìn)行求值判斷,如果結(jié)果為true,則執(zhí)行while后的語(yǔ)句,執(zhí)行完畢后,繼續(xù)對(duì)條件表達(dá)式進(jìn)行求值判斷,如果為true,繼續(xù)執(zhí)行依此類(lèi)推如果結(jié)果false,則退出循環(huán)語(yǔ)句

 var n=0;
 while(n<10){
 n++;
console.log(n);   // 1,2,3,4,5,6,7,8,9,10
}

do...while語(yǔ)句

do...while和while非常類(lèi)似 但是它會(huì)在循環(huán)的尾部檢查表達(dá)式的值 也就是先執(zhí)行 后判斷

do...while循環(huán)至少會(huì)執(zhí)行一次

do...while語(yǔ)句在執(zhí)行時(shí),會(huì)先執(zhí)行do后的語(yǔ)句,執(zhí)行完畢后,對(duì)while中的條件表達(dá)式進(jìn)行求值判斷 如果結(jié)果false,則退出循環(huán) 如果結(jié)果為true,則繼續(xù)執(zhí)行循環(huán)體,執(zhí)行完畢后繼續(xù)判斷

    var n=11;
      do{
            n++;
            console.log(n)   //12
        }while (n<10);
for語(yǔ)句

大部分循環(huán)都會(huì)有一個(gè)計(jì)數(shù)器用來(lái)控線執(zhí)行循環(huán)次數(shù) 三個(gè)關(guān)鍵操作是初始化 檢測(cè)和更新

for循環(huán)執(zhí)行流程:執(zhí)行初始化表達(dá)式 初始計(jì)數(shù)器 --->執(zhí)行條件表達(dá)式 判斷結(jié)果是true/false--->如果為false 則繼續(xù)執(zhí)行下面的代碼/如果為true 則執(zhí)行代碼塊--->再執(zhí)行循環(huán)操作表達(dá)式 重新執(zhí)行條件表達(dá)式

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

break 和 continue 語(yǔ)句用于在循環(huán)中精確地控制代碼的執(zhí)行

使用break語(yǔ)句會(huì)使程序立刻退出最近的循環(huán),強(qiáng)制執(zhí)行循環(huán)后邊的語(yǔ)句

break和continue語(yǔ)句只在循環(huán)和switch語(yǔ)句中使用

for(var i=0 ; i<5 ; i++){
    if(i==2){
       break;
    }
    console.log(i);       // 0 1
}

使用continue語(yǔ)句會(huì)使程序跳過(guò)當(dāng)次循環(huán),繼續(xù)執(zhí)行下一次循環(huán),并不會(huì)結(jié)束整個(gè)循環(huán)

continue只能在循環(huán)中使用,不能出現(xiàn)在其他的結(jié)構(gòu)中

for(var i=0 ; i<5 ; i++){
            if(i==2){
                continue;
            }
            console.log(i);       // 0 1 3 4
        }

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/96742.html

相關(guān)文章

  • 30分鐘用Node.js構(gòu)建一個(gè)API服務(wù)器

    摘要:你的服務(wù)器已經(jīng)啟動(dòng)了。為此,我們將使用名為的優(yōu)秀應(yīng)用。項(xiàng)目結(jié)構(gòu)大多數(shù)教程以及許多真實(shí)的案例都將所有路由放在一個(gè)很大的文件中。不僅要求為字符串,還要求是一個(gè)對(duì)象,它們被之為。 翻譯:瘋狂的技術(shù)宅原文:https://medium.freecodecamp.o... 本文首發(fā)微信公眾號(hào):前端先鋒歡迎關(guān)注,每天都給你推送新鮮的前端技術(shù)文章 Node.js 對(duì)初學(xué)者來(lái)說(shuō)可能是令人望而卻步...

    AlienZHOU 評(píng)論0 收藏0
  • 使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用

    摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇下的使用方法,傳送門(mén)使用構(gòu)建單頁(yè)應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國(guó)外一篇講述了如何使用和來(lái)構(gòu)建一個(gè)簡(jiǎn)單筆記的單頁(yè)應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇 vue2.0 下的 vuex 使用方法,傳送門(mén):使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用【新篇】 ---------...

    tomorrowwu 評(píng)論0 收藏0
  • 使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用

    摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇下的使用方法,傳送門(mén)使用構(gòu)建單頁(yè)應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國(guó)外一篇講述了如何使用和來(lái)構(gòu)建一個(gè)簡(jiǎn)單筆記的單頁(yè)應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇 vue2.0 下的 vuex 使用方法,傳送門(mén):使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用【新篇】 ---------...

    cnsworder 評(píng)論0 收藏0
  • 使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用

    摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇下的使用方法,傳送門(mén)使用構(gòu)建單頁(yè)應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國(guó)外一篇講述了如何使用和來(lái)構(gòu)建一個(gè)簡(jiǎn)單筆記的單頁(yè)應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇 vue2.0 下的 vuex 使用方法,傳送門(mén):使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用【新篇】 ---------...

    levius 評(píng)論0 收藏0
  • 使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用

    摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇下的使用方法,傳送門(mén)使用構(gòu)建單頁(yè)應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國(guó)外一篇講述了如何使用和來(lái)構(gòu)建一個(gè)簡(jiǎn)單筆記的單頁(yè)應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇 vue2.0 下的 vuex 使用方法,傳送門(mén):使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用【新篇】 ---------...

    UsherChen 評(píng)論0 收藏0
  • 使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用

    摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇下的使用方法,傳送門(mén)使用構(gòu)建單頁(yè)應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國(guó)外一篇講述了如何使用和來(lái)構(gòu)建一個(gè)簡(jiǎn)單筆記的單頁(yè)應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫(xiě)了一篇 vue2.0 下的 vuex 使用方法,傳送門(mén):使用 Vuex + Vue.js 構(gòu)建單頁(yè)應(yīng)用【新篇】 ---------...

    YJNldm 評(píng)論0 收藏0

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

0條評(píng)論

閱讀需要支付1元查看
<