本文是 重溫基礎 系列文章的第二篇，需要讓自己靜下心來，學習，養成好習慣。

系列目錄：

• 【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理)
• 【重溫基礎】1.語法和數據類型

本章節復習的是JS中的控制流語句，讓我們能實現更多的交互功能。

注意一點：在ES6之前，JS是沒有塊作用域的，如果在語句塊外部聲明的變量，如果在塊內部聲明一個相同名稱的變量，那么程序將取后聲明的這個變量的值：

var a = 1; {var a = 2; } a; // 2 復制代碼

但是ES6開始，用let聲明的變量是塊作用域的：

let a = 1; {let a = 2; } a; // 1 復制代碼

1.條件判斷語句

用于根據指定條件返回結果，常見的是if...else和switch：

if...else語句

若條件為真，則執行if后面的語句，若條件為假，則執行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標簽，若匹配成功則執行相關語句：

switch ( 'leo' ){case 'pingan':// do somethingbreak; // 可選case 'leo':// do somethingbreak;default: // 都不匹配 則執行默認// do somethingbreak; } 復制代碼

break為可選，目的用于保證在正確匹配后，能跳出程序的switch語句，并繼續執行其他代碼，若沒有break則程序會繼續執行下一個case語句。

3.異常處理語句

當throw語句拋出的異常，我們可以使用try...catch捕獲并處理，這里需要先介紹兩個概念：

throw語句：

用于拋出異常，后面可以是任何表達式：

throw "error !"; throw 404; throw {msg: 'err'}; 復制代碼

try...catch語句：

用于捕獲異常，try后面是程序正常時候執行的程序，catch后面是當前面有錯誤拋出的時候執行，并且捕獲錯誤信息作為參數，并且在catch塊執行完成，參數不可再用。

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語句塊，用于不論前面是否有報錯，都會執行finally語句：

try{// do something }catch(err){// do something }finally{// do something } 復制代碼

try...catch常常也用在做網絡請求的情況下：

function getData (){try{let a = fetch(url);}catch(err){console.log(err);} } 復制代碼

參考資料

1.MDN 流程控制與錯誤處理

---

本部分內容到這結束

Author王平安

E-mail	pingan8787@qq.com
博 客	www.pingan8787.com
微 信	pingan8787
每日文章推薦	github.com/pingan8787/…
JS小冊	js.pingan8787.com

歡迎關注我的微信公眾號【前端自習課】

總結

以上是生活随笔為你收集整理的【重温基础】2.流程控制和错误处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。