码迷,mamicode.com
首页 > Web开发 > 详细

js中错误处理机制

时间:2019-10-11 01:17:00      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:row   覆盖   类型   this   命令   return语句   nbsp   处理机   基本   

1.基本知识

1. 错误对象

Error,SyntaxError,RangeError, ReferenceError,TypeError,URIError

上面的都是构造函数;

new 命令可以生成错误实例对象;可以传入描述作为参数,成为实例对象的message属性;

除了message属性,还有两个非标准属性(name, stack)stack是调用栈

var err = new Error("错误实例");
err.message; // "错误实例"
err.name; //"Error"
err.stack;//"Error: 错误实例 at <anonymous>:1:11"

2. throw语句

throw语句,如果不进行捕获(try...catch...),会中断程序执行。

throw命令可以抛出任何类型的值;抛出什么,则捕获的就是什么!

try{ 
    throw "error"
} catch(err){
    console.log(err); //"error"
}

3.try...catch...finally..语句

使用try...catch...语句后,可以捕获错误,防止代码崩溃;

1)js中,程序执行遇到return, throw后,后面的语句不再执行;

try{
    throw "this is a error";
    console.log("after throw"); // 永远不会执行
} catch(error) {
    console.log(error); 
}
// 返回"this is a error"

2)浏览器中单独的try代码块中不能使用return;否则报错;而且catch无法捕获

try{
    return "this is a error";
} catch { 
}
// Uncaught SyntaxError: return not in a function

由上面可以知道,return语句必须用在function中。另外,yield语句也是必须在函数中被调用。

如果想在try/catch/finally代码块中使用return语句,可以在外面包裹一层function。

3)catch语句

如果try代码块中代码本身不抛出异常,也没有手动抛出异常,程序永远不会进入catch代码块。

try {
   console.log("throw nothind");
} catch { // 参数可以省略
   console.log("永远不会执行"); // try没有抛出错误,不会进入catch;永远不会被打印,
}

如果try代码块中抛出异常,则代码进入catch代码块执行完后,继续原来的代码执行。

try {
    throw "error";
 } catch { // 参数可以省略
    console.log("catch")
 }
 console.log(‘after‘);
 // catch
 // after

4)finally语句

finally语句不论是否抛出异常,都会执行。且try后者catch中的return语句取值会在finally之前取值。

var count = 1;
function test() {
    try {
        console.log("try");
        throw new Error("this is a error");
    } catch(err) {
        console.log("catch error");
        return count;
    } finally {
        console.log("finally")
        count+=1;
    }    
    console.log("after"); //永远不会执行
}
test(); 
// try
// catch error
// finally
// 1 最后返回1,说明return在finally执行前先执行,但是最后才返回

如果在该代码块有return语句,会覆盖try,catch中的return语句

技术图片
var count = 1;
function test() {
    try {
        console.log("try");
        throw new Error("this is a error");
    } catch(err) {
        console.log("catch error");
        return count;
    } finally {
        console.log("finally")
        count+=1;
        return count;
    }    
    console.log("after"); //永远不会执行,因为前面有return语句
}
test(); 
// try
// catch error
// finally
// 2 执行的是finally语句中的return语句
覆盖catch中return

如果在该代码块中有return语句,会覆盖catch中的throw语句;

var count = 1;
function test() {
    try {
        throw new Error("this is a error");
    } catch(err) {
        console.log("catch error");
        throw err; // 不会执行;正常catch中遇到throw进入finally,等执行完finally代码块,返回这里抛出异常
    } finally {
        return count; // return 后不会返回catch代码块
    }    
}
try {
    test(); 
} catch(err) {
    console.log("catch test error"); // 不会执行
}
// catch error
// 1 返回1

4. finally语句应用

示例: 操作文件时,打开文件写入,不管是否写入成功,都要关闭文件

// 伪代码如下
openFile();
try {
    writeFile()
} catch(err) {
    console.log("写入失败");
} finally {
    closeFile(); // 总要执行
}

2. 实践应用

当使用接口请求服务器数据时,一般都要使用try...catch...方法,预防接口报错,程序崩溃!

 

js中错误处理机制

标签:row   覆盖   类型   this   命令   return语句   nbsp   处理机   基本   

原文地址:https://www.cnblogs.com/lyraLee/p/11651433.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!