JS

在前端开发中，模块化是构建可维护、可扩展应用程序的基石。随着 JavaScript 生态的演进，出现了多种模块化规范，其中 ESM、CommonJS 和 UMD 是最具代表性的三种。本文将深入解析它们

引言 在 JavaScript 异步编程中，Promise 的微任务调度机制是一个重要且容易混淆的概念。本文将通过一个具体的代码示例，深入分析 Promise 微任务的执行顺序，特别是当 .then(

如下代码在运行时后发生错误： 在调用 tset.getName() 时，因为 userInfo.name 不存在会发生错误；通常我们需要添加防御型代码捕获异常。 添加了 try..catche 代码后

对象属性赋值 题目 执行以下代码，会输出什么 对象的 key 对象的键名只能是字符串和 Symbol 类型 其他类型的键名会被转换成字符串类型 对象转字符串默认会调用 toString 方法 有些类数

对象赋值 题目 以下代码，运行会输出什么 值类型 vs 引用类型 连续赋值 连续赋值是倒序执行。PS：日常工作不可用连续赋值，可读性差 . 优先级更高 再看下面的例子 答案 题目代码执行打印 unde

在 setTimeout 或 自定义DOM事件中setState是同步执行的 其余情况，在 react 内部事件中， setState是 “异步” 执行的 setState本质是同步，不过让react

setState 题目 React 中以下代码会输出什么 setState 默认异步更新 setState 默认会合并 多次执行，最后 render 结果还是 1 setState 有时同步更新 根据

promise 题目 以下代码，执行会输出什么 这道题很难 网上有很多文章介绍这道题，都没有给出清晰的答案。 被称为“令人失眠的”题目 回顾 单线程和异步 事件循环 宏任务 微任务 then 交替执行

树转数组 题目 定义一个 convert 函数，将以下对象转换为数组 分析 根据顺组的顺序，需要广度优先遍历树 要快速获取 parentId 需要存储 nodeToParent map 结构。 实现

数组转树 题目 定义一个 convert 函数，将以下数组转换为树结构。 分析 定义树节点的数据结构 遍历数组，针对每个元素 生成 tree node 找到 parentNode 并加入到它的 chi

函数参数 题目 运行以下代码，会输出什么 分析 调用函数，传递参数 —— 赋值传递 以上代码相当于 解题 执行题目代码分别输出 100 {name: '双越'} {name: '张三'} 扩展： es

map parseInt 题目 ['1', '2', '3'].map(parseInt) 输出什么？ parseInt parseInt(string, radix) 解析一个字符串并返回指定基数的

深拷贝 题目 手写 JS 深拷贝 分析 这是一个很常见的问题，看似也很简单，但是如果考虑到“高质量代码”的要求，写起来还是挺麻烦的。 别说写代码，就本节所有的情况你能否考虑全面，这都不一定。 type

手写 LRU 题目 用 JS 实现一个 LRU 缓存 LRU 使用 Least Recently Used 最近最少使用 即淘汰掉最近最少使用的数据，只保留最近经常使用的资源。它是一个固定容量的缓存容

手写 EventBus Bus 不是“车”，而是“总线” 题目 请手写 EventBus 自定义事件，实现 no once emit 和 off EventBus 功能 实现 class 结构 注意区

手写 bind 函数 bind定义：Function.prototype.bind() - JavaScript | MDN (mozilla.org) 注意：绑定函数也可以使用 new 运算符构造，

手写 instanceof 题目 instanceof 的原理是什么，请用代码来表示 原型链 instanceof 原理 例如 a instanceof b 就是：顺着 a 的 __proto__ 链

curry add 题目 写一个 curry 函数，可以把其他函数转为 curry 函数 解答 总结 判断参数长度 中间态返回函数，最后返回执行结果 如用 this 慎用箭头函数

手写 LazyMan 题目 手写 LazyMan ，实现 sleep 和 eat 两个方法，支持链式调用。 代码示例： 设计 class 框架 处理 sleep 逻辑 初始化一个任务队列，执行 eat

遍历 DOM 树 题目 写一个函数遍历 DOM 树，分别用深度优先和广度优先 PS：注意回顾 “Node 和 Element 和区别” 深度优先 vs 广度优先 深度优先的结果 <div> <p> "