Javascript 回调和事件（翻译）

Dean Edwards 最近有篇文章很精彩，忍不住在这里翻译下。

-- Split --

很多 Javascript 框架都提供了自定义事件（custom events），例如 jQuery、YUI 以及 Dojo 都支持“document ready”事件。而部分自定义事件是源自回调（callback）。

回调将多个事件句柄存储在数组中，当满足触发条件时，回调系统则会从数组中获取对应的句柄并执行。那么，这会有什么陷阱呢？在回答这个问题之前，我们先看下代码。

下面是两段代码依次绑定到 DOMContentLoaded 事件中

document.addEventListener("DOMContentLoaded", function() {  console.log("Init: 1");  DOES_NOT_EXIST++; // 这里会抛出异常}, false);document.addEventListener("DOMContentLoaded", function() {  console.log("Init: 2");}, false);

那么运行这段代码会返回什么信息？显然，会看见这些（或者类似的）：

Init: 1Error: DOES_NOT_EXIST is not definedInit: 2

可以看出，两段函数都被执行。即使第一个函数抛出了个异常，但并不影响第二段代码运行。