如何更好地用JavaScript中的异常抛出

JavaScript06

如何更好地用JavaScript中的异常抛出,第1张

虽然最近几年JavaScript有了很多进步,但是相比于其它语言的开发者,JavaScript开发者仍然只有少得可怜的调试工具。因此在JavaScript中throw

error就显得比其它语言更有价值。我们可以用throw关键字来抛出一个对象。我们可以抛出任何类型的对象,不过Error对象是最常用的:

throw new Error("Something bad happened.")

当我们用这样的方式抛出错误,而这个错误又不被try-catch捕获时,浏览器就会用其通常的方式显示上面的错误信息(Something

bad

happened)。在IE里会在浏览器的左下角出现一个小图标,当双击图标时会弹出一个带着上面错误提示的对话框;安装有Firebug插件的火狐浏览器会在控制台显示错误信息;Safar和Chrome会在Web

Inspector中显示;Opera会在错误控制台显示。一句话,它们会像你没有抛出错误时一样处理。但不同的是它会通过浏览器向你提供具体的信息,而不是一个发生错误的行列号。你可以为错误信息加入任何需要的信息,来帮你成功解决问题。我建议在错误信息中提供发生错误的函数名称以及错误原因。看下面这个函数:

function addClass(element, className){

element.className += " " + className

}

这个函数的功能是向一个给定的element加入新的CSS

class(这在JavaScript中非常普遍)。但如果element是null的时候会发生什么?你会得到一个这样的错误提示“object

expected”,很隐晦。然后你需要查看执行堆栈(如果浏览器支持这个功能)来准确定位错误的源头。如果我们抛出一个错误调试就变得简单了:

function addClass(element, className){

if (element != null &&typeof element.className == "string"){

element.className += " " + className

} else {

throw new Error("addClass(): First arg must be a DOM element.")

}

}

先不讨论如何精确的判断对象是否是一个DOM

element,这个方法现在能够在非法的element参数传入时提供一个更明确的错误信息。看到了如此详尽的错误描述你就能立刻找到错误的源头了。我习惯把throw

error看作是贴一个任务贴纸,告诉我错误的原因。

懂得了如何throw error只是事情的一半;懂得何时throw

error则是另一半。因为JavaScript并不对参数进行类型检查,许多开发者都错误的认为他们应该在所有的函数中进行该检查。那样的话是不实际的,而且会降低脚本的执行效率。问题的关键在于找到最有可能出错的代码部分,并且只在那里throw

error。一句话就是只在已经发生error的地方throw error。

如果一个函数只被一个已知的实体调用,那么错误检查基本上是没有必要的(例如私有函数就是这样);如果你不能事先确定所有函数被调用的地点,那么你需要进行错误检查并throw自己的error。throw

error最好的地方是功能函数,那些是脚本环境基本组成部分的,而且可以在任意地点被调用的函数。JavaScript的库函数就是这样的例子。

所有JavaScript的库函数都应当为已知的错误条件从它们的公共接口throw

error。对于YUI,jQuery以及Dojo等等,我们无法确定会在何时何处调用它们的库函数。所以当你犯错时对你进行提示就是这些库函数的任务。为什么呢?因为你不可能到库函数内部去找出错误所在。error的调用堆栈应当终止于库函数接口,不要再深入。没有什么比在12层函数嵌套中寻找错误更遭的事了;库函数开发人员有责任预防这种事情的发生。

这一条同样适用于私有的JavaScript库函数。许多Web应用程序都有它们自己专属的JavaScript库,可能是通过这些库来构建的,也可能是用库来代替公共的操作。库函数的作用是降低开发难度,这是通过向人们提供其抽象表达而不是复杂的实现细节来实现的。throw

error可以让这些复杂的实现隐藏在安全的地方不被开发者发现。

JavaScript同样提供了try-catch语句,用来在浏览器处理之前捕获被throw的error。开发者常常会为到底是仅仅throw

error还是用try-catch将其捕获而犹豫不决。我们应当只在程序栈的最底层throw

error,就像前面提到的,最典型的就是JavaScript库函数。所有应用程序都应当在逻辑上具有处理error的能力,因此应当在底层模块中捕获error。

在应用程序逻辑中我们总是知道为什么要调用某个函数,因此它们非常适合处理error。有一点要引起注意,就是永远不要在try-catch结构中使用空的catch语句;你应当用某种方法处理错误。这钟处理在开发中和最终生产时会有些不同,但必须进行处理。当错误发生时,不应当仅仅将其包裹在try-catch里不管——这是掩盖错误而不是解决错误。

在JavaScript中throw error是一门艺术。在代码中找到适当的throw error的地点会花费一些时间。不过一旦你找到了这些地点,你的调试时间就会大大降低,而你对代码的满意度会获得提升。

我在本地 web 应用程序上有一个按钮,它调用异步函数来让另一个程序通过 websocket 运行和执行操作。

<button onclick="makeOtherProgramDoThing('arg1','arg2')">这个想法是 sendMessage() 将数据发送到我的另一个程序,然后该程序回复另一个 .js 文件,该文件有一个名为 lastReceivedMessage 的变量。返回异步函数,发送消息后,我等待 recieveFinalResponse(),如下所示因此,我希望 receiveFinalResponse() 在超时时间范围内继续循环并检查其他 js 文件中与 messageCode 匹配的 lastMessageReceived。

但实际发生的是:sendMessage() 发送消息,然后receiveFinalMessage() 开始循环,每次循环lastMessageReceived 都是未知的,直到超时并移过await,此时另一个js 文件最终更新lastMessageReceived .我以为代码会命中异步函数,开始运行它,然后继续在后台做其他事情,但它似乎只是保持同步并命中 then 函数,正常步进,并且只有在到达其他代码时才到达完成的。是因为我正在使用 while 循环来等待响应吗?我还能如何等待响应并冻结一个函数,直到我得到响应,同时让其他代码在后台运行?