错误处理与调试 （14 章 )

1. try – catch 语句

try {
  // 可能会导致错误的代码
} catch( error ) {
  // 在错误发生时怎么处理
}

finally 语句总会执行，无论是否出错。

function testFinally() {
  try {
    return 2;
  } catch (error) {
    return 1;
  } finally {
    return 0;
  }
}

使用 try-catch 最适合处理那些我们无法控制的错误，在明明白白的知道自己的代码会发生的错误时，就不要再使用 try-catch语句了。

try {

  window.someNonexistentFunction();

} catch (error) {

  alert(error.message);  // 这个 message 是所有浏览器都支持的

}

抛出错误

与  try-catch 语句相配的还有一个 throw, 例如 throw “hello”，  throw true 都是可以的, 没有类型限制

个人自己设定的抛出异常, 最好还是用这种形式 throw new Error("具体异常的message")

在遇到 throw 操作符时，代码会立即停止执行，仅当有 try-catch 语句捕获到被抛出的值时，代码才会继续执行。

function process(values) {

  if (!(values instanceof Array)) {

    throw new Error("process(): Argument must be an array.");

  }

}

自己测试的抛出异常

try {
     throw new Error("xxx");
    } catch(error) {
     alert(error.message);
} finally {
     alert("The last one");

}

异常的执行步骤, 跟java一样, 即出现异常后, 程序不会继续执行, 而是到 catch 看捕获情况, finally 最后怎么样都会执行. 以上代码, 执行结果会先显示 "xxx" 再显示 "The last one"

2. 错误的类型

- Error

  Error类型的错误很少见，如果有也是浏览器抛出的，这个基类型的主要目的是供开发人员抛出自定义错误。

- EvalError

   会在使用 eval()函数而发生异常时被抛出。

- RangeError

   超出范围

- ReferenceError

   找不到对象

- syntaxError

   语法错误

- TypeError

   类型错误, 例如 var o = new 10;  最常发生的就是传递参数时，发生的类型不同

- URIError

  使用 encodeURI() 或 decodeURI() 而URI格式不正确时，会导致 URIError

常见的错误

1. 类型转换错误, 例子, 如下:

function concat(str1, str2, str3) {
    var result = str1 + str2;
    if (str3) {    // 绝对不要这样
        result += str3;
    }
    return result;
}
// 如上例, 绝对不要这样, 这个函数的用意是拼接两或三个字符串, 其中, 第3个字符串是可选的, 因此必须要检查, 但是未使用过的命名变量会自动被赋给 undefined值, 而undefined值可以被转换成布尔值 false. 所以, 参考如下:

function concat(str1, str2, str3) {
    var result = str1 + str2;
    if (typeof str3 == "string") {    // 比较恰当
        result += str3;
    }
    return result;
]

2. 数据类型错误

function reverseSort(values) {
    if (values != null) {    // 绝对不要这样
        values.sort();
        values.reverse();
    }
}
// 任何一个非数组参数, 都将导致错误
// 改为以下办法
function reverseSort(values) {
    if (typeof values instanceof Array) {    // 问题解决了
        values.sort();
        values.reverse();
    }
}

调试

以前经常使用 alert 来显示结果和错误, 现在可以使用控制台来完成, 可以通过 console 对象向 javascript 控制台中写入消息, 这个对象具有下列方法.

error(message): 将错误消息记录到控制台

info(message): 将信息性消息记录到控制台

log(message): 将一般消息记录到控制台

warn(message): 将警告消息记录到控制台

例如:

function sum(num1, num2) {
    console.log("Entering sum(), arguments are " + num1 + "," + num2);
    console.log("Before calculation");
    var result = num1 + num2;
    console.log("After calculation");
    
    console.log("Exiting sum()");
    return result;
}

console.log(变量名)

很多浏览器工具提供了一些调试，比如单步跟踪。