1.nodejs 14.0.0源码分析之setImmediate
2.js中的Map、Set
3.nodejs 14.0.0源码分析之setTimeout
4.JS高级(三)----可选链 && Map && Set
5.js中objectarraymapset等底层数据结构是什么?
6.nodejs之setImmediate源码分析

nodejs 14.0.0源码分析之setImmediate

       深入解析Node.js .0.0中setImmediate的实现机制

       从setImmediate函数的源码入手，我们首先构建一个Immediate对象。这个对象的主要任务分为两个方面。其一，生成一个节点并将其插入到链表中。github bilibili源码其二，在链表中尚未插入节点时，将其插入到libuv的idle链表中。

       这一过程展示了setImmediate作为一个生产者的作用，负责将任务加入待执行队列。而消费者的角色则在Node.js初始化阶段由check阶段插入的节点和关联的回调函数承担。

       具体而言，当libuv执行check阶段时，CheckImmediate函数被触发。此函数随后执行immediate_callback_function，对immediate链表中的节点进行处理。我们关注immediate_callback_function的设置位置，理解其实际功能。

       最终，processImmediate函数成为处理immediate链表的核心，执行所有待处理任务。这就是setImmediate的执行原理，一个简洁高效的异步任务调度机制。

js中的Map、Set

       在Vue3的源码中，Map和WeakMap这两种ES6新增的内置数据结构起着至关重要的作用，它们在响应式系统中提供了高效且内存管理友好的解决方案。

       Map：

       Map是一种键值对的可迭代容器，区别于对象，它需要通过new创建实例。Map的创建依赖于可迭代的参数，并在迭代过程中，新添加或删除的app源码保护键值对会被访问。与对象不同，Map的迭代特性确保了数据的完整性和一致性。

       Set：

       Set则是无重复值的集合，与Array类似，通过new创建实例。Set的迭代行为与Map相似，但只处理value，且值的引用是弱的，有利于内存管理。在Vue3中，Set常用于存储唯一值，如依赖项的跟踪。

       WeakMap与WeakSet：

       WeakMap与Map类似，但键是对象，值任意类型，且键与对象的引用是弱的，当对象不再被引用时，键值会被自动回收。同样，WeakSet只包含对象值，且值的引用也是弱的。在响应式系统中，WeakMap用于缓存Proxy对象，避免内存泄漏问题。

       总结：

       Vue3利用Map和WeakMap的强大功能，实现了响应式系统的高效管理，通过弱引用机制，确保了内存的高效利用和程序执行的稳定性。深入理解这些数据结构在Vue3中的运用，有助于开发者更好地优化代码和处理内存问题。

nodejs .0.0源码分析之setTimeout

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

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

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

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

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

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

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

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

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

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

JS高级(三)----可选链 && Map && Set

       可选链(?.) 是一种简化代码的语法，它允许在访问嵌套对象属性时，检查对象是否为 null 或 undefined。通过使用可选链，代码变得更加简洁易读，减少了长串的逻辑判断。例如：

       原本可能需要使用大量的逻辑判断，现在只需一行可选链语法即可实现相同功能。可选链简化了代码，避免了冗长的表达，提高了代码的可读性。

       总结了之前关于 JS 高级的51源码城主题，检查变量是否为 null 或 undefined 的方法有三种：

       短路 (&& 和 ||)：这种方法在逻辑判断上有一定的缺陷，因为它会进行隐式转换，如0和""会被转换为false。

       空合并(?)：此方法提供了一种更加精准的检查方式，只会检查变量是否为 null 或 undefined，并不会进行隐式转换。

       可选链(?.)：这种语法在检查变量是否存在时，只检查是否为 null 或 undefined，并且以简洁的语法实现，使得代码更加易于理解和阅读。

       Map

       Map 是一种与对象类似的集合数据结构，但具有不同的特性。以下是 Map 的基本语法和使用方法：

       实例化 Map：可以使用以下方式创建 Map 对象，然后对其进行操作。

       Map 操作方法：包括读取数据（get(key)）、新增数据（set(key, value)）、检查键是否存在（has(key)）、删除数据（delete(key)）和清空数据（clear()）。

       与对象相比，Map 在数据结构和操作方法上具有明显区别，如键值对的唯一性、使用场景和操作方式。

       Set

       Set 是一种类似于数组的数据结构，但其特性在于元素的唯一性。这意味着集合中不会有重复的数据。以下是 Set 的基本语法和特性：

       数据唯一性：Set 集合中的元素只会出现一次，重复的数据不会被添加。

       Set API：Set 提供了三个主要方法，用于检查值是否存在（has(value)）、添加值（add(value)）和删除值（delete(value)）。

       通过这些方法，Set 实现了数据的唯一性和高效管理，使得在处理集合数据时更加灵活和方便。

js中objectarraymapset等底层数据结构是什么?

       在JavaScript中，object，array，map和set这些数据结构实际上都是在v8引擎底层实现的，它们都来源于引擎层的Object类。

       在v8代码中，这些数据结构被进一步向下派生为HeapObject，而HeapObject内部则包含了一个map来记录与对象相关的信息。这些map提供了对对象属性的快速查找和操作。

       object在v8引擎中通过实现原型链来实现对象的属性查找和创建。当在对象上访问一个属性时，v8引擎会首先在当前对象自身上查找，如果没有找到，则会沿着原型链向上查找。

       array在v8中被实现为一种特殊的对象，它能够存储多个值，并支持数组操作如push、pop等。array的底层实现是通过HeapArray来完成的，它提供了对数组元素的高效访问。

       map和set在v8引擎中则是基于哈希表实现的。map允许将键映射到值，而set只存储唯一值。在底层实现中，它们使用了BloomFilter来提高查找效率，同时保持空间和时间的优化。

       总之，这些数据结构在v8引擎中都通过底层的实现，提供了高效且灵活的数据操作能力，让JavaScript开发者能够方便地进行各种编程任务。

nodejs之setImmediate源码分析

       在lib/timer.js文件中，setImmediate函数创建了一个回调队列，等待调用者提供的回调函数执行。这个队列的处理由setImmediateCallback函数负责，该函数在timer_wrapper.cc文件中定义，接受processImmediate作为参数。在setImmediateCallback函数内部，回调信息被保存在环境env中。

       具体实现中，set_immediate_callback_function宏定义了在env中保存回调函数的函数。此函数在env.cc的CheckImmediate中执行，而CheckImmediate的执行时机是在Environment::Start阶段，由uv_check_start函数在libuv库中负责。

       uv_check_start函数将一个handle添加到loop的队列中，然后在uv_run循环中执行注册的CheckImmediate函数。此函数最终会调用nodejs的processImmediate函数，实现setImmediate的回调执行。

       需要注意的是，setImmediate与setTimeout的执行顺序并不确定。在uv_run中，定时器的代码比uvrun_check早执行，但在执行完定时器后，若在uv__run_check之前新增定时器和执行setImmediate，setImmediate的回调会优先执行。

ES6干货带你手把手学习js中的Set和Map!!

       在JavaScript的ES6版本中，引入了两个强大的数据结构：Set和Map，以处理不同类型的数据和键值对。让我们深入了解一下这两个数据结构。

       1. Set的学习

       Set是一种无序且不包含重复值的集合，它不同于数组，元素没有固定的顺序。Set用花括号{ }表示，比如Set(5) { 1, 2, 3, 4, 5 }。Set的特性包括：

       Set的键和值相同，没有重复。

       Set有keys()和values()方法，返回迭代器遍历元素，按插入顺序。

       size属性用于获取Set的元素数量。

       例如，即使初始数组有重复，Set会自动去重，如Set([1, 2, 2, 3, 3, 3]) 输出Set(3) { 1, 2, 3 }。

       Set可用于去重操作，但不能去除非基本类型的对象和函数。

       2. Map的学习

       Map则是键值对的集合，比对象更为灵活。初始化Map需要二维数组，如new Map([['name', '老王']])。Map的特点包括：

       Map的键可以是任意类型，不限于数字和字符串。

       可以使用get方法获取特定键的值，如map.get('name')。

       Map同样有迭代器属性，支持forEach遍历。

       常用方法

       Set和Map的常用操作包括创建、添加、删除元素，检查元素存在性，获取大小，清空，以及转换为数组或合并其他Set/Map。它们都具有迭代器属性，便于遍历。

       通过掌握Set和Map，你可以更高效地处理和管理数据，为你的JavaScript代码带来更大的灵活性。

js中settimeout的实现机理是什么?

       深入探讨 JavaScript 中 setTimeout 的实现机理，将有助于理解 Event Loop 和 JavaScript 运行时的运作。以 QuickJS 引擎为例，尽管 ECMA- 规范主要定义了 Run to Completion 的部分，忽略了对平台 API 的具体约定，但我们可以将其视为狭义的 JavaScript 引擎实现。每次执行 JavaScript 脚本，相当于在 C 语言中调用一个名为 JS_Eval 的同步函数。然而，`setTimeout` 的功能远不止于此，它需要在指定时间后自动触发对 JavaScript 函数的执行，这涉及到回调机制。

       从 JavaScript 运行时开发者的角度来看，理解 `setTimeout` 的实现是构建事件驱动应用程序 Event Loop 架构的关键步骤。在用户界面（UI）应用中，如按钮的 `onclick` 事件，其原理与 `setTimeout` 相似，即在特定事件触发时执行回调函数。QuickJS 引擎自带的 libc 运行时中，有一个简单而优雅的 `setTimeout` 实现案例，由 Fabrice Bellard 大神提供，值得深入研究。

       QuickJS 引擎默认内置 `std` 和 `os` 原生模块，允许使用 `setTimeout` 支持异步操作。这些功能依赖于 libc 运行时中的 `os` 模块，具体代码通过标准化的 QuickJS API 挂载上去。`setTimeout` 的实现非常简洁，仅涉及同步操作，将 timer 信息结构体挂载到返回的 JavaScript 对象上。

       尽管 `setTimeout` 的实现是同步的，但它能够实现异步效果的关键在于 Event Loop 的启动。在 QuickJS 中，支持直接将 JavaScript 代码编译为可执行文件，这会生成并编译一份标准的 C 代码，在 main 函数中调用 QuickJS API 启动 Event Loop。`setTimeout` 的真正异步功能在 Event Loop 的执行中体现，即在每次 tick 时检查并执行到期的 timer 对应的回调。

       Event Loop 的核心逻辑通常是一个死循环，先执行所有 Job（Promise 带来的微任务），然后调用 `os_poll_func`。尽管循环不会耗尽 CPU，但它允许进程在事件发生时（如定时器触发、文件描述符读写）被唤醒执行一个 tick，而其他时间则挂起。这使得实现整个运行时以异步非阻塞方式成为可能。

       `setTimeout` 的底层原理在于：在 `eval` 阶段简单设置 timer 结构，然后在 Event Loop 中利用此 timer 参数调用操作系统功能（如 poll），在被唤醒的下一个 tick 执行到期 timer 对应的 JavaScript 回调。通过这种方式，QuickJS 引擎能够高效地管理异步操作。

       简而言之，理解 `setTimeout` 的实现不仅有助于深入掌握 JavaScript 和运行时机制，还能为构建高效、响应式的应用程序提供理论基础。通过研究 Fabrice Bellard 的代码实现，可以清晰地看到 `setTimeout` 的实现细节，这种简洁而高效的编程风格极具启发性。