throw与try...catch

2017-04-06

摘要：throw语句创建自定义错误，try语句测试代码块的错误，catch语句处理错误，finally是无论有无异常都要执行

throw

throw 接收一个表达式作为参数，JavaScript 引擎一旦遇到 throw 语句，就会停止执行后面的语句，并将接收的参数值返回给用户
blog17

throw 语句还可以抛出 Error 对象，甚至是用户自定义的错误:

function UserError(message) {
  this.message = message || "自定义错误";
  this.name = "UserError";
}
UserError.prototype.toString = function (){
  return this.name + ': "' + this.message + '"';
}
throw new UserError("出错了！");

try…catch

简单的形式有三种：try...catch...finally、try...catch与try...finally

try {
  throw 'error';
  console.log('此行不会执行');
}
catch (e) {
  console.error(e);
}
finally {
  console.log('finally');
}
// error
// finally

复杂的嵌套（优先执行内部程序）：

try {
  try {
    throw new Error('bug');
  } // 内部没有catch捕获异常，会抛到外部
  finally {
    console.log('finally');
  }
}
catch (e) {
  console.error(e.message);
}
// finally
// bug

try {
  try {
    throw new Error('bug');
  }
  catch (e) {
    console.error('inner', e.message);
  }
  finally {
    console.log('finally');
  }
}
catch (e) { // 异常已经在内部处理，不会再次抛到外部
  console.error('outer', e.message);
}
// inner bug
// finally

try {
  try {
    throw new Error('bug');
  }
  catch (e) {
    console.error('inner', e.message);
    throw err; // 再次抛出异常会交由外部处理
  }
  finally {
    console.log('finally');
  }
}
catch (e) {
  console.error('outer', e.message);
}
// inner bug
// finally
// outer bug

遇到return语句时，要注意执行顺序：

var count = 0;
function tryReturn() {
  try {
    return 'return:' + count; // return语句排在finally之前，此时已经确定返回值，但要等到finally执行完后才会执行
  } finally {
    count++;
    console.log('count:' + count);
  }
}
tryReturn()
// count:1
// "return:0"

catch中有return或throw语句时会跳到finally：

var count = 0;
function f() {
  try {
    console.log(0);
    throw 'bug';
  } catch (e) {
    console.log(1);
    return 'return:' + count; // return语句排在finally之前，此时已经确定返回值，但要等到finally执行完后才会执行
    console.log(2); // 不会运行
  } finally {
    console.log(3);
    count++;
    console.log('count:' + count);
    console.log(4);
  }
  console.log(5); // 不会运行
}
f()
// 0
// 1
// 3
// count:1
// 4
// "return:0"

finally中有return语句时会覆盖之前的return，返回数据后终止程序：

function f() {
  try {
    console.log(0);
    throw 'bug';
  } catch (e) {
    console.log(1);
    return true; // 这句原本会延迟到finally代码块结束再执行
    console.log(2); // 不会运行
  } finally {
    console.log(3);
    return false; // 这句会覆盖掉前面那句return
    console.log(4); // 不会运行
  }
  console.log(5); // 不会运行
}
var result = f();
// 0
// 1
// 3
result
// false

function f() {
  try {
    throw '出错了！';
  } catch (e) {
    console.log('捕捉到内部错误');
    throw e; // 这句原本会等到finally结束再执行
  } finally {
    return false; // 直接返回，不再去执行catch代码块剩下的部分
  }
}
try {
  f();
} catch (e) { // 不会执行
  console.log('caught outer "bogus"');
}
// 捕捉到内部错误
// false

错误处理机制