JavaScript中错误正确处理方式小结你用对了吗(2)
这种处理方式在代码中隐藏了一个错误，并且很难发现。隐藏的错误可能会花费好几个小时的调试时间。尤其是在具有深度调用堆栈的多层解决方案中，这个错误会更难发现。所以这是一种很差的错误处理方式。
错误处理（二）
下面是另一个错误处理方式。
// scripts/uglyHandler.js
function uglyHandler(fn) {
try {
return fn();
} catch (e) {
throw new Error('a new error');
}
}
处理异常的方式如下所示：
// tests/scripts/uglyHandlerTest.js
it('returns a new error with errors', function () {
var fn = function () {
throw new TypeError('type error');
};
should.throws(function () {
uglyHandler(fn);
}, Error);
});
以上对错误的处理程序有明显的改进。在这里异常会调用堆栈进行冒泡。同时错误会展开堆栈，这对调试非常有帮助。除了抛出异常，解释器还会沿着栈寻找另外的处理。这也带来了可以从堆栈顶部处理错误的可能。但这还是一种较差的错误处理，需要我们从堆栈中一步步追溯原始的异常。
可以采用一种替代方案，用自定义的错误方式来结束这种较差的错误处理。当你向错误中添加更多详细信息时，会让这种方法变得很有帮助。
例如：
// scripts/specifiedError.js
// Create a custom error
var SpecifiedError = function SpecifiedError(message) {
this.name = 'SpecifiedError';
this.message = message || '';
this.stack = (new Error()).stack;
};
SpecifiedError.prototype = new Error();
SpecifiedError.prototype.constructor = SpecifiedError;
// scripts/uglyHandlerImproved.js
function uglyHandlerImproved(fn) {
try {
return fn();
} catch (e) {
throw new SpecifiedError(e.message);
}
}
// tests/scripts/uglyHandlerImprovedTest.js
it('returns a specified error with errors', function () {
var fn = function () {
throw new TypeError('type error');
};
should.throws(function () {
uglyHandlerImproved(fn);
}, SpecifiedError);
});
指定的错误会添加更多详细信息并保留原始的错误消息。有了这个改进，以上的处理不再是较差的处理方式了，而是一个清晰有用的方式。
经过了上面的处理，我们还收到了一个未处理的异常。接下来让我们看看浏览器在处理错误时，有什么帮助。
展开堆栈
处理异常的一种方式是在调用堆栈的顶部加入try...catch。
比如说：
function main(bomb) {
try {
bomb();
} catch (e) {
// Handle all the error things
}
}
但是，浏览器是事件驱动的, JavaScript中的异常也是一个事件。发生异常时，解释器会暂停执行并展开：