对未来保险理赔的影响
|
现在 div 显示了 i 的值的增长，这就是进度条的一种。 用例 3：在事件之后做一些事情 在事件处理程序中，我们可能会决定推迟某些行为，直到事件冒泡并在所有级别上得到处理后。我们可以通过将该代码包装到零延迟的 setTimeout 中来做到这一点。
在 创建自定义事件[1] 一章中，我们看到过这样一个例子：自定义事件 menu-open 被在 setTimeout 中分派(dispatched)，所以它在 click 事件被处理完成之后发生。 现在，当我们开始调用 count() 时，会看到我们需要对 count() 进行更多调用，我们就会在工作前立即安排(schedule)它。 如果你运行它，你很容易注意到它花费的时间明显减少了。 为什么? 这很简单：你应该还记得，多个嵌套的 setTimeout 调用在浏览器中的最小延迟为 4ms。即使我们设置了 0，但还是 4ms(或者更久一些)。所以我们安排(schedule)得越早，运行速度也就越快。 最后，我们将一个繁重的任务拆分成了几部分，现在它不会阻塞用户界面了。而且其总耗时并不会长很多。 用例 2：进度指示 对浏览器脚本中的过载型任务进行拆分的另一个好处是，我们可以显示进度指示。 正如前面所提到的，仅在当前运行的任务完成后，才会对 DOM 中的更改进行绘制，无论这个任务运行花费了多长时间。 从一方面讲，这非常好，因为我们的函数可能会创建很多元素，将它们一个接一个地插入到文档中，并更改其样式 —— 访问者不会看到任何未完成的“中间态”内容。很重要，对吧?
这是一个示例，对 i 的更改在该函数完成前不会显示出来，所以我们将只会看到最后的值： 现在，浏览器界面在“计数”过程中可以正常使用。 单次执行 count 会完成工作 (*) 的一部分，然后根据需要重新安排(schedule)自身的执行 (**)：
现在，如果在引擎忙于执行第一部分时出现了一个新的副任务(例如 onclick 事件)，则该任务会被排入队列，然后在第一部分执行结束时，并在下一部分开始执行前，会执行该副任务。周期性地在两次 count 执行期间返回事件循环，这为 JavaScript 引擎提供了足够的“空气”来执行其他操作，以响应其他的用户行为。 值得注意的是这两种变体 —— 是否使用了 setTimeout 对任务进行拆分 —— 在执行速度上是相当的。在执行计数的总耗时上没有多少差异。 为了使两者耗时更接近，让我们来做一个改进。
我们将要把调度(scheduling)移动到 count() 的开头： （编辑：莆田站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
