皮皮网

1.你真的源码了解 setTimeout 么？聊聊 setTimeout 的最小延时问题（附源码细节）
2. js 基础 setTimeout(fn, 0) 的作用
3.setTimeout 学习笔记 4
4.nodejs 14.0.0源码分析之setTimeout
5.Chromium setTimeout/clearTimeout 源码分析
6.Node.js 时序异步API：setTimeout、setImmediate、源码nextTick、源码queueMicrotask(上)

你真的源码了解 setTimeout 么？聊聊 setTimeout 的最小延时问题（附源码细节）

       在 JavaScript 中，setTimeout 是源码不可或缺的工具，它允许你设定代码在一定时间后执行。源码远程指导源码尽管不是源码 ECMAScript 标准的一部分，但大多数 JavaScript 环境都支持它。源码HTML5 标准对setTimeout 的源码行为有所规定：当嵌套层级超过 5 层且 timeout 小于 4ms 时，会设定一个最小间隔为 4ms。源码让我们通过实例来看看实际的源码实现情况：

       在 Chrome 中，当嵌套超过 5 层时，源码timeout 会设定为 4ms，源码例如：

       输出显示，源码前 4 次的源码 timeout 都是 0ms，之后的间隔则超过 4ms。

       然而，不同 JavaScript 运行时（如 nodejs、deno 和 bun）的setTimeout 行为有所差异。例如：

       -

       nodejs 的 v..0 版本中，没有 4ms 的最小延时限制，每次调用大约有 1ms 的间隔。

       -

       deno v1..2 中，超过 5 层嵌套后有 4ms 的最小延时，但前几次调用也有一小段间隔。

       -

       bun v0.5.7 的行为更为特殊，它在短时间内执行了大量回调，氢键源码因为setTimeout 没有延时设置，实际上与事件循环次数有关。

       深入了解这些运行时的源码，setTimeout 的实现与浏览器引擎（如 Chromium）的 Blink 引擎中的 DOMTimer 类相关。例如，在 Chromium v.0..0 中，如果嵌套层级过高且 timeout 小于某个阈值，会设置为最小间隔以防止性能问题。

       在 nodejs 中，setTimeout 的限制在内部 timers.js 文件中实现，确保 after 值在合理范围内。而在 deno 中，通过 Rust 的 tokio 库实现延时限制，延时精度取决于所用的平台。

       Bun，作为一款性能优化的运行时，对setTimeout 的 0ms 处理独特，0ms 的 timeout 直接加入任务队列，导致循环次数激增。

       总的来说，setTimeout 的行为会根据运行时环境的差异而变化，开发者在使用时需要了解这些特性以确保代码的正确执行。

js 基础 setTimeout(fn, 0) 的作用

       在 zepto 源码中，$.fn 对象有个 ready 函数，其中有这样一句 setTimeout(fn,0);

       时间设为 0 ，就是upstream源码要立即执行，那为什么还要特意将 fn 套到 setTimeout 里面呢？

       一、线程

       1、浏览器的内核是多线程的，它们在内核控制下相互配合以保持同步，一个浏览器通常由以下常驻线程组成：GUI 渲染线程，javascript 引擎线程，浏览器事件触发线程，定时触发器线程，异步 http 请求线程。

       2、javascript 是单线程的，同一个时间只能做一件事。

       二、任务队列（消息队列）

       同步函数：如果在函数A返回的时候，调用者就能够得到预期结果(即拿到了预期的返回值或者看到了预期的效果)，那么这个函数就是同步的。

       异步函数即如果在函数A返回的时候，调用者还不能够得到预期结果，而是需要在将来通过一定的手段得到，那么这个函数就是异步的。

       三、setTimeout(fn, 0) 的作用

       调用 setTimeout 函数会在一个时间段过去后在队列中添加一个消息。这个时间段作为函数的第二个参数被传入。如果队列中没有其它消息，消息会被马上处理。但是dop 源码，如果有其它消息，setTimeout 消息必须等待其它消息处理完。因此第二个参数仅仅表示最少的时间，而非确切的时间。

       零延迟 (Zero delay) 并不是意味着回调会立即执行。在零延迟调用 setTimeout 时，其并不是过了给定的时间间隔后就马上执行回调函数。其等待的时间基于队列里正在等待的消息数量。也就是说，setTimeout()只是将事件插入了任务队列，必须等到当前代码（执行栈）执行完，主线程才会去执行它指定的回调函数。要是当前代码耗时很长，有可能要等很久，所以并没有办法保证回调函数一定会在setTimeout()指定的时间执行。

setTimeout 学习笔记 4

       在上一篇笔记中，我们已探讨了如何分离tick队列的方法。接下来，让我们深入研究Promise。

       首先，让我们回答一个关键问题：Promise的resolve和reject是否经过相同的路径？答案是否定的。它们采用不同的途径。

       接下来，我们将讨论三个部分：正常版本的Promise、禁止使用process.nextTick后的Promise，以及源码在JavaScript层的codelike源码处理reject。这三个部分展示了Promise的多样性和复杂性。

       观察JavaScript层源码的函数，我们发现了一个特点：将这些函数暴露出来，逐一测试它们。这一过程有助于我们更深入地理解Promise的工作原理。

       那么，如何仔细观察Promise呢？结论是，尽管Promise是原生的，且在JavaScript层不易被干预，但我们可以通过多种方法观察和测试它们的行为。

       目前，我们的研究仍在进行中，更多关于Promise的精彩内容将陆续呈现。敬请期待！

nodejs .0.0源码分析之setTimeout

       本文深入剖析了Node.js .0.0版中定时器模块的实现机制。在.0.0版本中，Node.js 对定时器模块进行了重构，改进了其内部结构以提高性能和效率。下面将详细介绍定时器模块的关键组成部分及其实现细节。

       首先，让我们了解一下定时器模块的组织结构。Node.js 采用了链表和优先队列（二叉堆）的组合来管理定时器。链表用于存储具有相同超时时间的定时器，而优先队列则用来高效地管理这些链表。

       链表通过 TimersList数据结构进行管理，它允许将具有相同超时时间的定时器归类到同一队列中。这样，Node.js 能够快速定位并处理即将到期的定时器。

       为了进一步优化性能，Node.js 使用了一个优先队列（二叉堆）来管理所有链表。在这个队列中，每个链表对应一个节点，根节点表示最快到期的定时器。在时间循环（timer阶段）时，Node.js 会从二叉堆中查找超时的节点，并执行相应的回调函数。

       为了实现这一功能，Node.js 还维护了一个超时时间到链表的映射，以确保快速访问和管理定时器。

       接下来，我们将从 setTimeout函数的实现开始分析。这个函数主要涉及 new Timeout和 insert两个操作。其中，new Timeout用于创建一个对象来存储定时器的上下文信息，而 insert函数则用于将定时器插入到优先队列中。

       具体地，Node.js 使用了 scheduleTimer函数来封装底层计时操作。这个函数通过将定时器插入到libuv的二叉堆中，为每个定时器指定一个超时时间（即最快的到期时间）。在执行时间循环时，libuv会根据这个时间判断是否需要触发定时器。

       当定时器触发时，Node.js 会调用 RunTimers函数来执行回调。回调函数是在Node.js初始化时设置的，负责处理定时器触发时的具体逻辑。在回调函数中，Node.js 遍历优先队列以检查是否有其他未到期的定时器，并相应地更新libuv定时器的时间。

       最后，Node.js 在初始化时通过设置 processTimers函数作为超时回调来确保定时器的正确执行。通过这种方式，Node.js 保证了定时器模块的初始化和定时器触发时的执行逻辑。

       本文通过详尽的分析，展示了Node.js .0.0版中定时器模块的内部机制，包括其组织结构、数据管理和回调处理等关键方面。虽然本文未涵盖所有细节，但对于理解Node.js定时器模块的实现原理提供了深入的洞察。对于进一步探索Node.js定时器模块的实现，特别是与libuv库的交互，后续文章将提供更详细的分析。

Chromium setTimeout/clearTimeout 源码分析

       Chromium版本.0..3中setTimeout函数的工作流程涉及大量源码，包括线程、消息循环、任务队列和操作系统定时器函数。本文仅分析setTimeout的关键步骤。

       setTimeout函数通过创建包含回调函数和延时时间的action对象，调用DOMTimer::Install进行处理。DOMTimer::Install通过DOMTimerCoordinator::InstallNewTimeout向定时器哈希表timers_插入一个定时器对象，生成唯一timeout_id。

       timeout_id由NextID生成，每次调用setTimeout返回递增的值，用于唯一标识每个定时器任务。timers_是一个哈希表，存放定时器对象，与任务一一对应。

       创建定时器对象时，通过定时器的延时时间获取任务类型，并将回调函数与任务类型关联，最终通过web_task_runner_获取相应的任务运行器，并在TimerBase::SetNextFireTime调用web_task_runner_->PostDelayedTask提交延迟任务。

       PostDelayedTask将延迟任务插入到延迟任务队列中，并更新当前线程的唤醒时间。延迟任务队列是优先队列，用于管理按延时时间排序的任务。

       通过GetNextScheduledWakeUpImpl获取优先队列的队头任务，创建唤醒任务用于在线程唤醒时执行延迟任务。唤醒任务只包含延时时间，不包含回调函数。

       UpdateDelayedWakeUpImpl根据新创建的唤醒任务更新唤醒任务队列。如果延迟任务队列中的任务延时时间较短，新任务可能无法立即进入唤醒任务队列。

       调用操作系统定时器函数，如在Mac下调用CFRunLoopTimerSetNextFireDate，在Windows下调用SetTimer，在Android下调用timerfd_settime，在指定延时后唤醒线程。

       线程睡眠后，唤醒线程执行已到期的延迟任务，将到期任务从延迟任务队列移出并加入工作队列。ThreadControllerWithMessagePumpImpl::DoWorkImpl找到并执行工作队列中的任务。

       面试题：setTimeout延迟时间不准确的原因可能有：硬件层面的时间不准确、操作系统不保证定时器函数的精确性、CPU处理大量定时任务时可能出现部分任务延迟执行。

       clearTimeout与clearInterval功能相同，DOMTimer::RemoveByID从timers_哈希表中移除指定timeout_id对应的定时器对象，将回调函数置空，视为任务取消。

Node.js 时序异步API：setTimeout、setImmediate、nextTick、queueMicrotask(上)

       本文介绍Node.js版本v..0和libuv版本v1..2在Unix平台下的时序异步API：setTimeout和setInterval，以及nextTick和queueMicrotask的上篇内容。

       1. 定时器 setTimeout

       setTimeout是非I/O相关的异步API，Node.js通过js侧定时器调度管理和libuv的uv_timer_t执行层实现。执行时机在事件循环的定时器阶段。setInterval与setTimeout原理相同，仅多了循环控制。

       1.1 setTimeout源码

       Node.js中的setTimeout并非完全遵循规范，返回的是Timeout类实例而非整数。Timeout类管理超时元数据，如回调函数。插入新定时器到js的Map和优先队列，确保按时间顺序执行。

       1.2 优先队列与Map结构

       定时器的插入操作通过insert()，利用Map和按超时时间排序的链表实现。队列结构确保了定时器按时间先后顺序执行。

       1.3 定时器启动与执行

       scheduleTimer()启动定时器，与Environment环境类相关，用定时器句柄uv_timer_s控制执行。在libuv中，实际只有一个uv_timer_t，Node.js通过维护Map和优先队列进行调度优化性能。

       1.3.4 js侧回调函数：processTimers

       processTimers是回调函数的核心，从优先队列取出超时的Timeout执行，确保按时间顺序触发回调。

       2. 定时器 setInterval

       setInterval的源码与setTimeout类似，仅在实例化时设置重复执行标志。执行机制完全一致。

       总结

       本文详细阐述了setTimeout和setInterval的工作原理，包括异步调度、Map和优先队列在Node.js中的应用，以及从事件循环到回调函数的执行流程。