脚本宝典收集整理的这篇文章主要介绍了【重温基础】2.流程控制和错误处理,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
本文是 重温基础 系列文章的第二篇,需要让自己静下心来,学习,养成好习惯。
系列目录:
本章节复习的是JS中的控制流语句,让我们能实现更多的交互功能。
注意一点:在ES6之前,JS是没有块作用域的,如果在语句块外部声明的变量,如果在块内部声明一个相同名称的变量,那么程序将取后声明的这个变量的值:
VAR a = 1;
{
var a = 2;
}
a; // 2
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
注意:
不要使用原始布尔值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);
}
}
参考资料
本部分内容到这结束
Author
王平安
E-mail
pingan8787@QQ.COM
博 客
www.pingan8787.com
微 信
pingan8787
每日文章推荐
https://github.com/pingan8787...
JS小册
js.pingan8787.com
以上是脚本宝典为你收集整理的【重温基础】2.流程控制和错误处理全部内容,希望文章能够帮你解决【重温基础】2.流程控制和错误处理所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。