【读书笔记】:《编写可维护的JavaScript》第10章 抛出自定义错误

第10章 抛出自定义错误

10.1 错误的本质

当某些非期望的事情发生时程序就引发一个错误。也许是给一个函数传递了一个不正确的值,或者是数学运算碰到了一个无效的操作数,编程语言定义了一组基本的规则,当偏离了这些规则时将导致错误,然后开发者能修复代码。如果错误没有被抛出或者报告给你的话,调试是非常困难的。如果所有的失败都是悄无声息的,首要的问题是那必将消耗你大量的时间才能发现它,更不要说单独隔离并修复它了。所以,错误是开发者的朋友,而不是敌人。
默认的JavaScript错误消息以信息稀少,隐晦含糊而臭名昭著,特别是老版本的IE中。

10.2 在JavaScript中抛出错误

使用 throw 操作符,将提供的一个对象作为错误抛出。任何类型的对象都可以作为错误抛出,然而,Error对象是最常见的。
throw new Error("something bad happened");

当今大多数浏览器都有一个控制台(console),一旦发生错误都会在这里输出错误信息。换言之,任何你抛出的和你没抛出的错误都会以相同的方式来对待。
可以抛出任何类型的数据:

throw {name:"myName"};
throw true;
throw 12345;
throw new Date();
throw [1,23,4];

需要牢记的是,如果没有通过 try-catch 语句对错误进行捕获,那么抛出任何值都将引发一个错误。

10.3 抛出错误的好处

抛出自己的错误可以使用确切的文本供浏览器显示,除了行和列的号码,还可以包含任何你需要的有助于调试问题的信息。推荐总是在错误信息中包含函数的名称,以及函数失败的原因。:

function getDivs(element){
    return element.getElementsByTagName("div");
}

这个函数旨在获取element元素下所有后代元素中的div元素。如果给这个函数传递null会发生什么?会报一个类似“object expected”的含糊的错误消息。

如果这里通过抛出一个错误,调试将很方便:

function getDivs(element){
    if(element && element.getElementsByTagName){
         return element.getElementsByTagName("div");
    }else{
        throw new Error("getDivs():Argument must be a DOM element");
    }
}

抛出错误就是给自己留下告诉自己为什么失败的便签。

10.4 何时抛出错误

  • 一旦修复了一个很难调试的错误,尝试增加一两个自定义错误,当再次方式错误时,这将有助于更容易地解决问题。
  • 如果正在编写代码,思考一下:我希望[某些事情]不要发生,如果发生,我的代码会很糟糕。这时,如果“某些事情”发生,就抛出一个错误。
  • 如果正在编写的代码会被别人使用,思考一下他们的使用方式,在特定的情况下抛出错误。

我们的目的不是防止错误,而是在错误发生时能更加容易的调试。

10.5 try-catch 语句

try-catch语句能在浏览器处理抛出的错误之前来解析它。可能引发错误的代码放在try块中,处理错误的代码放在catch块中:

try{
    something();
}catch(ex){
    handleErr(ex);
}

当在try块中发生一个错误时,程序立刻停止执行,然后跳到catch块,并传入一个错误对象。

当然,还可以增加一个finally块。finally块中的代码不管是否发生错误,最后都会被执行。

try{
    something();
}catch(ex){
    handleErr(ex);
}finally{
    // 一定会执行的代码。
}

有些情况,finally块工资有点儿复杂。例如,如果try中包含一个return语句,实际上它必须等到finally块中的代码执行完毕之后才能返回由于这个原因,finally实际并不太常用。

10.6 错误类型

ECMA-262 规范指出了7种错误类型。

Error

所有错误的基本类型。实际上引擎从不会抛出该类型的错误。

EvalError

通过eval()函数执行代码发生错误时抛出。

RangError

一个数字超出它的边界时抛出:试图创建一个长度为-20的数组(new Arraya(-20))。

ReferenceError

期望的对象不存在时抛出:试图在一个null对象引用上调用一个函数

SyntaxError

给eval()函数传递的代码中有语法错误时抛出

TypeError

变量不是期望的类型时抛出。例如 new 10

URIError

encodeURI()、encodeURIComponent()、decodeURI)()或者decodeURIComponent()等函数传递格式非法的URI字符串时抛出。

用 instanceof 检查特定的错误类型:

try {
    // 错误的代码,
} catch (ex) {
    if (ex instanceof TypeError) {
        // 处理 TypeError 错误
    } else if (ex instanceof ReferenceError) {
        // 处理 ReferenceError 错误
    } else {
        // 处理其他错误
    }

}

创建自己的错误类型,让它继承自Error。这种做法允许你提供额外的信息,同时可区分浏览器抛出的错误。

function MyError(message) {
    this.message = message;
}

MyError.prototype = new Error();

接下来抛出一个MyError错误

throw new MyError("hello world");

捕获错误:

try {
    throw new MyError("hello world");
} catch (ex) {
    if (ex instanceof MyError) {
        // 处理自己的错误
        console.log("抛出自己的错误");
    } else {
        // 处理其他错误
        console.log("抛出其他错误");
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容