【重溫基礎】2.流程控制和錯誤處理

劉福發布于2019-08-23 14:00 / 1759人閱讀

摘要：本文是重溫基礎系列文章的第二篇，需要讓自己靜下心來，學習，養成好習慣。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型本章節復習的是中的控制流語句，讓我們能實現更多的交互功能。

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

系列目錄：

【復習資料】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

NaN

空字符串（""）

注意：
不要使用原始布爾值true和false 與 Boolean對象的真和假混淆：

let a = new Boolean(false);  // Boolean?{true}
if (a);         //  永真
if (a == true); // 永假

2.switch語句

通過匹配表達式的值到每個case標簽，若匹配成功則執行相關語句：

switch ( "leo" ){
    case "pingan":
        // do something
        break;   // 可選
    case "leo":
        // do something
        break;
    default:  // 都不匹配 則執行默認
        // do something
        break;
}

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
每日文章推薦	https://github.com/pingan8787...
JS小冊	js.pingan8787.com

歡迎關注微信公眾號【前端自習課】每天早晨，與您一起學習一篇優秀的前端技術博文 .

GPU云服務器云服務器 java處理錯誤流程流程控制語句 java控制執行流程 webrtc處理流程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99936.html

【重溫基礎】5.表達式和運算符

摘要：系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理重溫基礎循環和迭代重溫基礎函數本章節復習的是中的表達式和運算符，用好這些可以大大提高開發效率。本文是重溫基礎系列文章的第五篇。今日感受：家的意義。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型【重溫基礎】2.流程控制和錯誤處理【重溫基...

馬忠志 2019-08-23 14:08 評論0 收藏0
【重溫基礎】3.循環和迭代

摘要：本文是重溫基礎系列文章的第三篇，今天想起鬼腳七的一句話人不一定自由，但思想一定是自由的。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理本章節復習的是中的循環語句，讓我們能更快速且簡單的完成一些需求。本文是重溫基礎系列文章的第三篇，今天想起鬼腳七的一句話：人不一定自由，但思想一定是自由的。思想沒有對和錯，也沒有高和低，只有不同。了解一個人可以去了解...

miracledan 2019-08-23 14:00 評論0 收藏0
【重溫基礎】14.元編程

摘要：本文是重溫基礎系列文章的第十四篇。元，是指程序本身。有理解不到位，還請指點，具體詳細的介紹，可以查看維基百科元編程。攔截，返回一個布爾值。本文是重溫基礎系列文章的第十四篇。這是第一個基礎系列的最后一篇，后面會開始復習一些中級的知識了，歡迎持續關注呀！接下來會統一整理到我的【Cute-JavaScript】的JavaScript基礎系列中。今日感受：獨樂樂不如眾樂樂...

cc17 2019-08-23 14:34 評論0 收藏0
【重溫基礎】15.JS對象介紹

摘要：構造函數通常首字母大寫，用于區分普通函數。這種關系常被稱為原型鏈，它解釋了為何一個對象會擁有定義在其他對象中的屬性和方法。中所有的對象，都有一個屬性，指向實例對象的構造函數原型由于是個非標準屬性，因此只有和兩個瀏覽器支持，標準方法是。從這篇文章開始，復習 MDN 中級教程的內容了，在初級教程中，我和大家分享了一些比較簡單基礎的知識點，并放在我的【Cute-JavaScript】系...

booster 2019-08-23 14:43 評論0 收藏0
【重溫基礎】7.時間對象

摘要：本文是重溫基礎系列文章的第七篇。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理重溫基礎循環和迭代重溫基礎函數重溫基礎表達式和運算符重溫基礎數字本章節復習的是中的時間對象，一些處理的方法。本文是重溫基礎系列文章的第七篇。今日感受：做好自律。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型...

YuboonaZhang 2019-08-23 14:12 評論0 收藏0