查字典图书网
查字典图书网
事件！事件到底是怎么工作的？JavaScript出现了多久，对JavaScript异步事件模型就迷惘了多久。迷惘导致bug，bug导致愤怒，然后尤达大师就会教我们如何如何…… 不过本质上，从概念上看，JavaScript事件模型既优雅又实用。一旦大家接受了这种语言的单线程设计，就会觉得JavaSc... 查看全部[ 第1章：深入理解JavaScript事件 ]
在探究setTimeout之前，先来看一个简单的例子。该情形常常会迷惑JavaScript新手，特别是那些刚刚从Java和Ruby等多线程语言迁移过来的新手。 EventModel/loopWithTimeout.js for (var i = 1; i <= 3; i++) { ... 查看全部[ 1.1.1 现在还是将来运行 ]
下面这段代码打破了我对JavaScript事件的成见。 EventModel/loopBlockingTimeout.js var start = new Date; setTimeout(function(){ var end = new Date; console.log('Tim... 查看全部[ 1.1.2 线程的阻塞 ]
调用setTimeout的时候，会有一个延时事件排入队列。然后setTimeout调用之后的那行代码运行，接着是再下一行代码，直到再也没有任何代码。这时JavaScript虚拟机才会问：“队列里都有谁啊？” 如果队列中至少有一个事件适合于“触发”（就像1000毫秒之前设定好的那个为期500毫秒的... 查看全部[ 1.1.3 队列 ]
每一种JavaScript环境都有自己的异步函数集。有些函数，如setTimeout和setInterval，是各种JavaScript环境普遍都有的。另一些函数则专属于某些浏览器或某几种服务器端框架。JavaScript环境提供的异步函数通常可以分为两大类：I/O函数和计时函数。如果想在应用中定义... 查看全部[ 1.2 异步函数的类型 ]
创造Node.js，并不是为了人们能在服务器上运行JavaScript，仅仅是因为Ryan Dahl想要一个建立在某高级语言之上的事件驱动型服务器框架。JavaScript碰巧就是适合干这个的语言。为什么？因为JavaScript语言可以完美地实现非阻塞式I/O。 在其他语言中，一不小心就会“阻... 查看全部[ 1.2.1 异步的I/O函数 ]
我们已经看到，异步函数非常适合用于I/O操作，但有些时候，我们仅仅是因为需要异步而想要异步性。换句话说，我们想让一个函数在将来某个时刻再运行——这样的函数可能是为了作动画或模拟。基于时间的事件涉及两个著名的函数，即setTimeout与setInterval。 遗憾的是，这两个著名的计时器函数都有... 查看全部[ 1.2.2 异步的计时函数 ]
JavaScript中的每个异步函数都构建在其他某个或某些异步函数之上。凡是异步函数，从上到下（一直到原生代码）都是异步的！ 反之亦然：任何函数只要使用了异步的函数，就必须以异步的方式给出其操作结果。正如我们在1.1.2节学到的，JavaScript并没有提供一种机制以阻止函数在其异步操作结束之... 查看全部[ 1.3 异步函数的编写 ]
异步函数这个术语有点名不副实：调用一个函数时，程序只在该函数返回之后才能继续。JavaScript写手如果称一个函数为“异步的”，其意思是这个函数会导致将来再运行另一个函数，后者取自于事件队列（若后面这个函数是作为参数传递给前者的，则称其为回调函数，简称为回调）。于是，一个取用回调的异步函数永远都能... 查看全部[ 1.3.1 何时称函数为异步的 ]
有些函数某些时候是异步的，但其他时候却不然。举个例子，jQuery的同名函数（通常记作$）可用于延迟函数直至DOM已经结束加载。但是，若DOM早已结束了加载，则不存在任何延迟，$的回调将会立即触发。 不注意的话，这种行为的不可预知性会带来很多麻烦。我曾经看到也犯过这样一个错误，即假定$会在已加载... 查看全部[ 1.3.2 间或异步的函数 ]
间或异步的函数有一个常见变种是可缓存结果的异步请求类函数。举例来说，假设正在编写一个基于浏览器的计算器，它使用了网页Worker对象以单独开一个线程来进行计算。（第5章将介绍网页Worker对象的API。）主脚本看起来像这样： var calculationCache = {}, ca... 查看全部[ 1.3.3 缓存型异步函数 ]
在runCalculation函数中，为了等待Worker对象完成自己的工作，或者通过延时而重复相同的函数调用（即异步递归），或者简单地存储回调结果。 哪种方式更好呢？乍一看，只使用异步递归是最简单的，因为这里不再需要calculationCallbacks对象。出于这个目的，JavaScript... 查看全部[ 1.3.4 异步递归与回调存储 ]
在以上两种runCalculation实现中，有时会用到返值技术。这是出于简洁的目的而随意作出的选择。下面这行代码 return callback(calculationCache[formula]); 很容易即可改写成 callback(calculationCache[formul... 查看全部[ 1.3.5 返值与回调的混搭 ]
像很多时髦的语言一样，JavaScript也允许抛出异常，随后再用一个try/catch语句块捕获。如果抛出的异常未被捕获，大多数JavaScript环境都会提供一个有用的堆栈轨迹。举个例子，下面这段代码由于'{'为无效JSON对象而抛出异常。 EventModel/stackTrace.js ... 查看全部[ 1.4 异步错误的处理 ]
如果从异步回调中抛出错误，会发生什么事？让我们先来做个测试。 EventModel/nestedErrors.js setTimeout(function A() { setTimeout(function B() { setTimeout(function C() { ... 查看全部[ 1.4.1 回调内抛出的错误 ]
如果是从回调中抛出异常的，则由那个调用了回调的人负责捕获该异常。但如果异常从未被捕获，又会怎么样？这时，不同的JavaScript环境有着不同的游戏规则…… 1. 在浏览器环境中 现代浏览器会在开发人员控制台显示那些未捕获的异常，接着返回事件队列。要想修改这种行为，可以给window.oner... 查看全部[ 1.4.2 未捕获异常的处理 ]
遇到错误时，最简单的解决方法就是抛出这个错误。在Node代码中，大家会经常看到类似这样的回调： function(err) { if (err) throw err; // ... } 在第4章中，我们会经常沿用这一做法。但是，在成品应用中，允许例行的异常及致命的错误像踢皮球一样... 查看全部[ 1.4.3 抛出还是不抛出 ]
JavaScript中最常见的反模式做法是，回调内部再嵌套回调。还记得前言里提到的金字塔厄运吗？我们先来看一个具体的例子，你也可能在Node服务器上看到过类似的代码。 function checkPassword(username, passwordGuess, callback) { v... 查看全部[ 1.5 嵌套式回调的解嵌套 ]
本章阐释了JavaScript的单线程性为什么既是福利又是祸害。使用得当的话，它会使代码优美且没有那些多线程应用中泛滥成灾的可怕竞态条件。不过，这需要你形成正确的思维定势并掌握恰当的技术。 本书其余章节将介绍JavaScript中处理事件时用到的一些库和设计模式。我们考查的所有示例都可以运行于主... 查看全部[ 1.6 小结 ]