美文网首页
【读书笔记】:《编写可维护的JavaScript》第10章 抛出

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

作者: 龍天下 | 来源:发表于2020-11-23 11:37 被阅读0次

    第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("抛出其他错误");
        }
    }
    

    相关文章

      网友评论

          本文标题:【读书笔记】:《编写可维护的JavaScript》第10章 抛出

          本文链接:https://www.haomeiwen.com/subject/uydiiktx.html