亚洲精品中文免费|亚洲日韩中文字幕制服|久久精品亚洲免费|一本之道久久免费

      
      

            <dl id="hur0q"><div id="hur0q"></div></dl>

                前端入門-JavaScript 語句

                在編程語言中語句通常使用一個或多個關(guān)鍵字來完成特定的任務(wù)。比如定義變量、賦值、條件判斷、循環(huán)等語句。下面我們將介紹JavaScript中大部分常用的語句,主要分以下幾類:

                • 聲明和賦值語句
                • 條件語句
                • 循環(huán)語句
                • 其它語句

                聲明和賦值語句

                這類語句是最基本的,比如聲明一個變量且給變量賦值,如下示例

                var myName,otherName; // 聲明變量語句myName = “hello world”; // 賦值語句otherName = “你好”; // 賦值語句

                可以使用var 、let 及 const 關(guān)鍵字聲明一個變量,使用“=”等號給變量進行賦值。

                條件語句

                條件語句主要用來處理邏輯判斷,在編程中經(jīng)常使用,隨時都要用到條件語句進行邏輯選擇,其有以下幾種:

                • if 語句 (如果…)

                if (條件表達式) {// 代碼塊……}

                if…else 語句 (如果… 否則…)

                if (條件表達式) {// 代碼塊……}else{// 代碼塊……}

                if…else if… else(如果… 或如果… 否則…)

                if (條件表達式) {// 代碼塊……} else if(條件表達式){// 代碼塊……}else{// 代碼塊……}

                switch 語句 (類似if…else if…else)

                switch(表達式){ case value: // 代碼塊…. break; case value: // 代碼塊…. break; case value: // 代碼塊…. break; default: // 代碼塊….}

                我們通過幾個示例看看如何使用條件語句,如下示例:

                let a = 1,b=5;// if 語句,當條件表達式 a < b 結(jié)果為true 時執(zhí)行對應(yīng){}中的代碼if(a < b){alert("a 小于 b")}// 使用 else ,當 a < b 結(jié)果為false時執(zhí)行else對應(yīng){}中的代碼if(a < b){alert("a 小于 b")}else{alert("a 大于 b")}

                當你要判斷的條件可能性比較多時就需要使用 if … else if … else 了,如下示例:

                let a = 1, b=5,c=10;if(a<b){ // 如果 a小于balert("a 小于 b")} else if( a < c){ // 如果a小于calert("a 小于 c")} else if( b < c){ // 如果b小于calert("b 小于 c")} else if( a == b){ // 如果a等于balert("a等于b")} else { // 除了以上幾種情況alert("其它情況")}

                上面的語句也可以使用 switch 語句,如下示例:

                let a = 1, b=5,c=10;switch(true) { case a<b: // 如果 a小于b alert("a 小于 b") break; case a<c: // 如果a小于c alert("a 小于 c") break; case b<c: // 如果b小于c alert("b 小于 c") break; case a==b: // 如果a等于b alert("a 等于 b") break; default: // 除了以上幾種情況 alert("其它情況")}

                關(guān)于條件語句,需要注意幾點:

                • 條件表達式可以是任何表達式,JavaScript會自動將其結(jié)果轉(zhuǎn)化成Boolean類型值。
                • else if 可以有很多個,根據(jù)實際邏輯判斷而定。
                • if 語句對應(yīng){}中的代碼如果只有一行時,可以省略{},但是建議不要這樣做,最好都帶上{}。
                • switch 語句中的break 也是一個語句,它不是必需的,其含義是指當前case 對應(yīng)的表達式求值完后不再繼續(xù)向下求值,如下示例:

                switch(a){ case 0: alert(“如果a等于0時”); case 10: alert(“如果a等于10時”); break; case 15: alert(“如果等于15時”); break; default: alert(“其它”);}

                上面當case 0 時,switch 語句不會停止,而是繼續(xù)向下執(zhí)行case 10,直到case 10 中的break語句才結(jié)束。也就是說 a 和 0 比較后,繼續(xù)和 10 做比較,這樣就可以實現(xiàn)和多個條件比較,相當于 if( a ==0 || a == 10) {}。

                循環(huán)語句

                此類語句也是經(jīng)常使用到的,在編程中經(jīng)常需要重復(fù)計算一些東西,這時就需要循環(huán)語句。循環(huán)語句,都會有一個條件表達式如同if語句一樣,這里含義是指當條件表達式值為true時結(jié)束循環(huán)。

                JavaScript中有以下幾種:

                do – while 語句

                這是一種后測試循環(huán)語句,通俗講就是先執(zhí)行循環(huán)體中的代碼,再判斷循環(huán)中的條件表達式,也就是在條件表達式求值前,至少循環(huán)體內(nèi)的代碼執(zhí)行了一次,語法如下:

                do {// 代碼塊} while (條件表達式)

                示例如下:

                var i = 0;do{i += 2;} while ( i < 10 )

                while 語句

                這個語句和 do-while 語句正好相反,是前測試循環(huán)語句,就是先求表達式的值,然后再去執(zhí)行循環(huán)體中的代碼,因此如果表達式值為false,其循環(huán)體就不會執(zhí)行,while語句有可能永遠都不會執(zhí)行。

                語法如下:

                while (條件表達式){// 代碼塊}

                示例如下:

                var i = 0;while ( i < 10){i + = 2;}

                for 語句

                for 語句也是一種前測試循環(huán)語句,它不同之處是可以再執(zhí)行循環(huán)體之前定義并初始化變量和定義循環(huán)后要執(zhí)行的代碼,語法如下:

                for( 初始變量; 條件表達式; 循環(huán)后執(zhí)行的表達式;){// 代碼塊}

                for 循環(huán)中括號里面,條件表達式是必需的,其它2個表達式可以沒有。且初始化部分的變量可以是一個外部變量。

                示例1:

                // 循環(huán)打印出1 到 100for( var i =0; i<100: i++){console.log(i+1); // 因為初始是0,所以這里加1,當然你也可以把i的初始值設(shè)置為1}

                示例2:

                // 只有條件表達式,這個類似于while語句了,一般不建議這樣寫var count = 10;var i = 0;for( ; i<count; ){console.log(i); i++;}

                示例3:

                // 無限循環(huán),這種情況沒有任何意義,不建議使用for( ; ; ){console.log(”);}

                for 循環(huán)語句是平時使用較多的語句,像do-while 和 while 都很少使用,因為 for 語句更加靈活,建議使用。

                for in 語句

                這是一種精準的迭代語句,和for 語句不同之處是它往往用來迭代一個對象中的屬性,對于由鍵值對組成的對象類型而言使用for語句就顯得不適用了,for in 語句語法如下:

                for (key in object) {// 代碼塊}

                如上key 值對象中的屬性名稱,object 就是一個對象,這個對象可以是JavaScript中的object類型或者dom 節(jié)點等。

                示例如下:

                var obj = {a: 0, b: 1, c: 2, d: 3}// 迭代obj對象for (key in obj) {console.log(key); // 輸出屬性名稱 console.log(obj[key]); // 輸出對應(yīng)的屬性值}// 結(jié)果如下// a、b、c、d// 0、1、2、3

                注意 for in 中的對象不能是 null 或 undefined,否則會拋出錯誤。雖然在 ECMAScript 5 中不會拋出錯誤,只是不執(zhí)行循環(huán)體而已,所以在寫代碼之前,判斷迭代的對象是否是null或undefined。

                break 和 continue 語句

                這2個語句,通常配合循環(huán)語句使用。break 是指立即結(jié)束當前循環(huán),退出循環(huán)體,continue 指不執(zhí)行本次循環(huán)體直接跳過,繼續(xù)執(zhí)行下次循環(huán)。

                示例如下:

                // 使用break var num = 0;for( var i=0; i< 10; i++){ // 當i==5 時 立即結(jié)束循環(huán)if( i % 5 == 0) { break; } num ++ ;}alert(num); // 結(jié)果是 4// 使用 continue var num = 0;for( var i=0; i< 10; i++){ // 當i==5 時 跳過本次循環(huán),繼續(xù)下次循環(huán)if( i % 5 == 0) { continue ; } num ++ ;}alert(num); // 結(jié)果是 8

                with 語句

                這個語句不經(jīng)常使用,它的作用是將代碼的作用域設(shè)置到一個特定的對象中。語法如下:

                with (表達式) {// 代碼}

                我們通過一個示例,看看它到底是干什么的:

                var gs = location.search.substring(1);var hostname = location.hostname;var url = location.href;

                上面的代碼是一段用來獲取瀏覽器信息的,分別獲取了3個對象,我們下面使用with語句簡化這段代碼:

                with(location){var gs = search.substring(1); var hostname = hostname; var url = href;}

                是不是方便了很多,with 將其作用于設(shè)置為location對象,這樣就不必每次使用location對象取值。

                但是在實際使用中,不建議使用with語句,因為它會導(dǎo)致性能下降,同時不易閱讀和調(diào)試。

                結(jié)語

                本節(jié)學(xué)習(xí)了JavaScript中語句的使用,主要分條件、循環(huán)、定義賦值等語句。語句是編程語言中重要的組成部分,相當于你要寫一篇作文,沒有語句是不行的,不然整篇作文將無法閱讀,計算機語言也是如此。

                到此,已經(jīng)學(xué)習(xí)了JavaScript中的大部分內(nèi)容,現(xiàn)在你可以寫一些簡單的腳本了,快試試吧。

                鄭重聲明:本文內(nèi)容及圖片均整理自互聯(lián)網(wǎng),不代表本站立場,版權(quán)歸原作者所有,如有侵權(quán)請聯(lián)系管理員(admin#wlmqw.com)刪除。
                用戶投稿
                上一篇 2022年7月24日 17:04
                下一篇 2022年7月24日 17:05

                相關(guān)推薦

                • 存儲過程語法(sql server存儲過程語法)

                  今天小編給各位分享存儲過程語法的知識,其中也會對sql server存儲過程語法進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧! oracle存儲過程基本語法…

                  2022年11月26日
                • 抖音帶貨怎么做入門(抖音帶貨怎么做入門教學(xué))

                  相信很多小伙伴都有注意到,現(xiàn)在抖音已經(jīng)成為大家最常光顧的一個平臺了,作為一個日活破億的流量池,如今抖音上的用戶數(shù)量極大。因此,現(xiàn)在在抖音上帶貨、賣貨的人也是越來越多了,那么想在抖音…

                  2022年11月25日
                • 客服的崗位職責怎么寫(客服工作內(nèi)容及職責)

                  各位小伙伴們大家周一好,又到了每周一給大家分享干貨內(nèi)容的時候啦~ 本期來跟大家分享一下客服工作管理流程以及客服崗位里面的每項職能崗位的核心細則,也是干貨滿滿推薦收藏~ 一.補償流程…

                  2022年11月25日
                • 小紅書入駐條件及費用(小紅書開店)

                  小紅書喊你回家開店! 有不少用戶都發(fā)現(xiàn),最近在逛小紅書的時候,筆記上面多出了一個圖片標簽,點進入之后便可進入下單頁面,還可以通過商品頁面找到相關(guān)店鋪,大大縮短了交易路徑。 “很方便…

                  2022年11月23日
                • 重慶高風(fēng)險區(qū)一般多長時間解除(重慶成都是高風(fēng)險區(qū)嗎)

                  重慶這幾天的疫情新增情況也是比較嚴重的,大家對近期的重慶疫情防控措施也都十分關(guān)注,據(jù)悉目前重慶還存在不少的疫情高風(fēng)險地區(qū)。那么,重慶高風(fēng)險區(qū)一般多長時間解除?對于高風(fēng)險地區(qū)解封時間…

                  2022年11月21日
                • 面包車加入貨拉拉有什么條件(面包車拉貨平臺)

                  現(xiàn)在大家可以看到各種貨拉拉的車在大街小巷穿梭,同城配送都會選擇貨拉拉搬運,其中面包車是非常常見的一種,一些小伙伴也想加入貨拉拉賺錢,那么面包車加入貨拉拉有什么條件?下面小編為大家?guī)А?/p>

                  2022年11月21日
                • 馬斯克凌晨一點半曬“代碼審查”現(xiàn)場,編排他的段子比瘋狂星期四還多

                  夢晨 Pine 發(fā)自 凹非寺 量子位 | 公眾號 QbitAI 每一個真正會寫代碼的人,請在下午2點到總部10層報到。 每一個真正會寫代碼的人,請在下午2點到總部10層報到。 馬斯…

                  2022年11月21日
                • wish個人開店流程及費用(wish平臺入駐條件)

                  隨著電商行業(yè)的發(fā)展,不少國內(nèi)賣家轉(zhuǎn)戰(zhàn)國外,可以說知名不知名的電商平臺都有了中國賣家的身影,wish也不例外,今天我們就來說說wish平臺入駐條件,讓大家有備無患。 想要在一個平臺上…

                  2022年11月21日
                • 抖音黃v認證的條件是什么 抖音黃v和藍v的區(qū)別有何不同

                  經(jīng)常玩抖音的小伙伴們會發(fā)現(xiàn)抖音上有黃v,還有藍v,那大家知道這個抖音黃色標志是什么意思?黃v和藍v的區(qū)別是什么呢?什么情況上需要去申請黃v呢?下面就和小編一起來看看吧。 抖音黃v認…

                  2022年11月18日
                • 網(wǎng)站客服代碼(網(wǎng)站客服代碼實現(xiàn)移動端隱藏,電腦端展開)

                  本文主要講的是網(wǎng)站客服代碼,以及和網(wǎng)站客服代碼實現(xiàn)移動端隱藏,電腦端展開相關(guān)的知識,如果覺得本文對您有所幫助,不要忘了將本文分享給朋友。 在線客服系統(tǒng)代碼是什么? 在線客服系統(tǒng)代碼…

                  2022年11月12日

                聯(lián)系我們

                聯(lián)系郵箱:admin#wlmqw.com
                工作時間:周一至周五,10:30-18:30,節(jié)假日休息