【重温基础】2.流程控制和错误处理

刘福发布于2019-08-23 14:00 / 1674人阅读

摘要：本文是重温基础系列文章的第二篇，需要让自己静下心来，学习，养成好习惯。系列目录复习资料资料整理个人整理重温基础语法和数据类型本章节复习的是中的控制流语句，让我们能实现更多的交互功能。

本文是 重温基础 系列文章的第二篇，需要让自己静下心来，学习，养成好习惯。

系列目录：

【复习资料】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

欢迎关注微信公众号【前端自习课】每天早晨，与您一起学习一篇优秀的前端技术博文 .

海外云主机云服务器 java处理错误流程流程控制语句 java控制执行流程 webrtc处理流程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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