本文是 重温基本 系列文章的第二篇，须要让本身静下心来，进修，养成好习惯。

系列目次：

• 【温习材料】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 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 流程掌握与毛病处置惩罚

本部分内容到这完毕

迎接关注微信民众号【前端自习课】天天清晨，与您一同进修一篇优异的前端手艺博文 .