摘要:本文是重溫基礎(chǔ)系列文章的第二篇,需要讓自己靜下心來,學(xué)習(xí),養(yǎng)成好習(xí)慣。系列目錄復(fù)習(xí)資料資料整理個人整理重溫基礎(chǔ)語法和數(shù)據(jù)類型本章節(jié)復(fù)習(xí)的是中的控制流語句,讓我們能實現(xiàn)更多的交互功能。
本文是 重溫基礎(chǔ) 系列文章的第二篇,需要讓自己靜下心來,學(xué)習(xí),養(yǎng)成好習(xí)慣。
系列目錄:
【復(fù)習(xí)資料】ES6/ES7/ES8/ES9資料整理(個人整理)
【重溫基礎(chǔ)】1.語法和數(shù)據(jù)類型
本章節(jié)復(fù)習(xí)的是JS中的控制流語句,讓我們能實現(xiàn)更多的交互功能。
注意一點:在ES6之前,JS是沒有塊作用域的,如果在語句塊外部聲明的變量,如果在塊內(nèi)部聲明一個相同名稱的變量,那么程序?qū)⑷『舐暶鞯倪@個變量的值:
var a = 1; { var a = 2; } a; // 2
但是ES6開始,用let聲明的變量是塊作用域的:
let a = 1; { let a = 2; } a; // 11.條件判斷語句
用于根據(jù)指定條件返回結(jié)果,常見的是if...else和switch:
if...else語句若條件為真,則執(zhí)行if后面的語句,若條件為假,則執(zhí)行else后面的語句:
if(condition){ // do something }else{ // else 為可選 // do something }
False等效值:
在JS中下面的值常常被計算為false
false
undefined
null
0
NaN
空字符串("")
注意:
不要使用原始布爾值true和false 與 Boolean對象的真和假混淆:
let a = new Boolean(false); // Boolean?{true} if (a); // 永真 if (a == true); // 永假2.switch語句
通過匹配表達式的值到每個case標(biāo)簽,若匹配成功則執(zhí)行相關(guān)語句:
switch ( "leo" ){ case "pingan": // do something break; // 可選 case "leo": // do something break; default: // 都不匹配 則執(zhí)行默認(rèn) // do something break; }
break為可選,目的用于保證在正確匹配后,能跳出程序的switch語句,并繼續(xù)執(zhí)行其他代碼,若沒有break則程序會繼續(xù)執(zhí)行下一個case語句。
3.異常處理語句當(dāng)throw語句拋出的異常,我們可以使用try...catch捕獲并處理,這里需要先介紹兩個概念:
throw語句:用于拋出異常,后面可以是任何表達式:
throw "error !"; throw 404; throw {msg: "err"};try...catch語句:
用于捕獲異常,try后面是程序正常時候執(zhí)行的程序,catch后面是當(dāng)前面有錯誤拋出的時候執(zhí)行,并且捕獲錯誤信息作為參數(shù),并且在catch塊執(zhí)行完成,參數(shù)不可再用。
function f(){ throw "test error!" } try{ f(); console.log("success"); }catch (err){ // err 為前面返回的錯誤信息 console.log(err); console.log("failed"); } // test error! // failed
通常在try...catch后還有一個finally語句塊,用于不論前面是否有報錯,都會執(zhí)行finally語句:
try{ // do something }catch(err){ // do something }finally{ // do something }
try...catch常常也用在做網(wǎng)絡(luò)請求的情況下:
function getData (){ try{ let a = fetch(url); }catch(err){ console.log(err); } }參考資料
1.MDN 流程控制與錯誤處理
本部分內(nèi)容到這結(jié)束
Author | 王平安 |
---|---|
pingan8787@qq.com | |
博 客 | www.pingan8787.com |
微 信 | pingan8787 |
每日文章推薦 | https://github.com/pingan8787... |
JS小冊 | js.pingan8787.com |
歡迎關(guān)注微信公眾號【前端自習(xí)課】每天早晨,與您一起學(xué)習(xí)一篇優(yōu)秀的前端技術(shù)博文 .
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/99936.html
摘要:系列目錄復(fù)習(xí)資料資料整理個人整理重溫基礎(chǔ)語法和數(shù)據(jù)類型重溫基礎(chǔ)流程控制和錯誤處理重溫基礎(chǔ)循環(huán)和迭代重溫基礎(chǔ)函數(shù)本章節(jié)復(fù)習(xí)的是中的表達式和運算符,用好這些可以大大提高開發(fā)效率。 本文是 重溫基礎(chǔ) 系列文章的第五篇。今日感受:家的意義。 系列目錄: 【復(fù)習(xí)資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎(chǔ)】1.語法和數(shù)據(jù)類型 【重溫基礎(chǔ)】2.流程控制和錯誤處理 【重溫基...
摘要:本文是重溫基礎(chǔ)系列文章的第三篇,今天想起鬼腳七的一句話人不一定自由,但思想一定是自由的。系列目錄復(fù)習(xí)資料資料整理個人整理重溫基礎(chǔ)語法和數(shù)據(jù)類型重溫基礎(chǔ)流程控制和錯誤處理本章節(jié)復(fù)習(xí)的是中的循環(huán)語句,讓我們能更快速且簡單的完成一些需求。 本文是 重溫基礎(chǔ) 系列文章的第三篇,今天想起鬼腳七的一句話:人不一定自由,但思想一定是自由的。思想沒有對和錯,也沒有高和低,只有不同。了解一個人可以去了解...
摘要:本文是重溫基礎(chǔ)系列文章的第十四篇。元,是指程序本身。有理解不到位,還請指點,具體詳細(xì)的介紹,可以查看維基百科元編程。攔截,返回一個布爾值。 本文是 重溫基礎(chǔ) 系列文章的第十四篇。 這是第一個基礎(chǔ)系列的最后一篇,后面會開始復(fù)習(xí)一些中級的知識了,歡迎持續(xù)關(guān)注呀! 接下來會統(tǒng)一整理到我的【Cute-JavaScript】的JavaScript基礎(chǔ)系列中。 今日感受:獨樂樂不如眾樂樂...
摘要:構(gòu)造函數(shù)通常首字母大寫,用于區(qū)分普通函數(shù)。這種關(guān)系常被稱為原型鏈,它解釋了為何一個對象會擁有定義在其他對象中的屬性和方法。中所有的對象,都有一個屬性,指向?qū)嵗龑ο蟮臉?gòu)造函數(shù)原型由于是個非標(biāo)準(zhǔn)屬性,因此只有和兩個瀏覽器支持,標(biāo)準(zhǔn)方法是。 從這篇文章開始,復(fù)習(xí) MDN 中級教程 的內(nèi)容了,在初級教程中,我和大家分享了一些比較簡單基礎(chǔ)的知識點,并放在我的 【Cute-JavaScript】系...
摘要:本文是重溫基礎(chǔ)系列文章的第七篇。系列目錄復(fù)習(xí)資料資料整理個人整理重溫基礎(chǔ)語法和數(shù)據(jù)類型重溫基礎(chǔ)流程控制和錯誤處理重溫基礎(chǔ)循環(huán)和迭代重溫基礎(chǔ)函數(shù)重溫基礎(chǔ)表達式和運算符重溫基礎(chǔ)數(shù)字本章節(jié)復(fù)習(xí)的是中的時間對象,一些處理的方法。 本文是 重溫基礎(chǔ) 系列文章的第七篇。今日感受:做好自律。 系列目錄: 【復(fù)習(xí)資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎(chǔ)】1.語法和數(shù)據(jù)類型...
閱讀 2875·2021-11-11 10:58
閱讀 1932·2021-10-11 10:59
閱讀 3499·2019-08-29 16:23
閱讀 2347·2019-08-29 11:11
閱讀 2794·2019-08-28 17:59
閱讀 3845·2019-08-27 10:56
閱讀 2087·2019-08-23 18:37
閱讀 3121·2019-08-23 16:53