获得完整访问权限
New questions added in 6月 2026 ->
获得完整访问权限

JavaScript函数问题

实现 JavaScript 函数，例如实用方法、填充或 DOM API。
在浏览器中编码
前面试官提供的问答和解答
全面的测试用例

题目列表

JavaScript 编码面试期望的问题类型、需要了解的重要概念以及要做的顶级练习题
指南
指南
  • 扁平化实现一个函数，该函数将数组递归地扁平化为单层深度。
    语言
  • 防抖实现一个函数，通过延迟函数执行，直到其最后一次执行尝试后经过指定时间，来限制函数可以执行的次数。
    语言
  • Debounce II高级实现一个带有取消方法以取消延迟调用和立即调用它们的 flush 方法的 debounce 函数
    语言
  • useQuery实现一个管理 promise 结果的 hook
    语言
  • Array.prototype.filter高级实现 Array.prototype.filter() 方法
    语言
  • Classnames实现一个有条件地将 CSS 类名连接在一起的函数
    语言
  • Classnames II高级实现一个有条件地将 CSS 类名连接在一起的函数，并处理去重和函数值
    语言
  • useBoolean实现一个管理布尔状态的 Hook，并提供额外的便捷实用方法
    语言
  • useDefault高级实现一个在状态为 null 或 undefined 时返回默认值的 hook
    语言
  • Promise.all实现 Promise.all() 函数，如果所有输入元素都已解决，则解析为结果数组，否则拒绝。
    语言
  • 节流实现一个函数，通过限制其在一段时间内可以执行的次数来控制函数的执行。
    语言
  • Map Async高级实现一个函数，该函数使用异步映射函数映射一个项目数组
    语言
  • 事件发射器实现一个可以订阅和发出事件的类，这些事件会触发附加的回调函数
    语言
  • getElementsByStyle实现一个函数，以获取使用指定样式呈现的所有 DOM 元素
    语言
  • Promise.race高级实现 Promise.race() 函数，当任何一个输入元素被解决或拒绝时，它就会被解决或拒绝。
    语言
  • 深拷贝实现一个对值进行深拷贝的函数
    语言
  • Promise.any实现 Promise.any() 函数，当任何一个输入元素被解决时，它就会被解决
    语言
  • useArray实现一个管理项目数组的 Hook
    语言
  • useCounter实现一个管理计数器状态的 Hook，并提供一些额外的便捷实用方法
    语言
  • useCounter II实现 useCounter hook 的优化版本
    语言
  • 可取消的间隔高级实现一个类似于 setInterval 的函数，但返回一个用于取消间隔的函数
    语言
  • useCycle实现一个循环遍历一系列值的 hook
    语言
  • Backbone Model高级实现一个类似于 Backbone.Model 的类，该类允许存储属性/值并响应特定属性值的更改
    语言
  • 列表格式实现一个函数，将项目列表格式化为单个可读字符串
    语言
  • Map Async Limit实现一个函数，该函数使用异步映射函数映射一个项目数组，同时不超过并发限制
    语言
  • useStateWithReset高级实现一个类似于 useState 的 hook，但它有一个额外的 reset 函数，可以将状态重置为其初始值
    语言
  • Compose高级实现一个函数，该函数将多个函数作为参数，并返回一个新函数，该函数以相反的顺序应用这些函数
    语言
  • 深度相等实现一个确定两个值是否相等的函数
    语言
  • 数据选择高级实现一个函数来过滤与指定要求匹配的数据行
    语言
  • 类型实用程序实现实用程序以确定 JavaScript 中的基本变量类型
    语言
  • 深度 Omit实现一个函数，该函数从对象中删除指定的键及其对应的值，包括嵌套对象或数组。
    语言
  • useMap高级实现一个管理 JavaScript map 的 Hook
    语言
  • Promisify实现一个函数，该函数接受一个遵循常见错误优先回调风格的函数，并返回一个返回 Promise 的版本
    语言
  • Promisify II高级实现一个 promisify 函数，允许原始函数覆盖返回值
    语言
  • jQuery.css高级实现一个类似 jQuery 的函数，用于设置 DOM 元素的样式
    语言
  • Memoize实现一个函数，该函数返回一个函数的记忆化版本，该函数接受单个参数
    语言
  • Squash Object实现一个函数，在将输入对象压扁成单层深度后，返回一个新对象
    语言
  • Unsquash Object高级Implement a function that reconstructs a nested object from dot-delimited keys.
    语言
  • getElementsByClassName实现一个函数，获取包含指定类的所有 DOM 元素
    语言
  • 目录高级实现一个从 HTML 文档构建目录的函数
    语言
  • 柯里化实现一个函数，该函数将接受多个参数的函数转换为一个可以重复调用，每次只接受一个参数的函数。
    语言
  • HTML 序列化器实现一个将对象序列化为带有缩进的 HTML 字符串的函数
    语言
  • JSON.stringify实现一个将 JavaScript 值转换为 JSON 字符串的函数
    语言
  • JSON.stringify II高级实现一个将 JavaScript 值转换为 JSON 字符串的函数
    语言
  • Promise 合并高级实现一个函数，将两个 Promise 的结果合并成一个单一的值
    语言
  • useTimeout实现一个在指定延迟后调用回调函数的 Hook
    语言
  • useCountdown高级实现一个管理倒计时的 Hook
    语言
  • Clamp高级实现一个函数，将一个数字限制在包含下限和上限的范围内
    语言
  • 函数长度高级实现一个函数，该函数返回函数期望的参数数量
    语言
  • 制作计数器实现一个接受整数值的函数，并返回一个可以重复调用的函数，以返回递增的值
    语言
  • 均值实现一个可以找到数组内数值均值的函数
    语言
  • 参数个数高级实现一个函数，该函数返回它被调用时所带的参数个数
    语言
  • Sleep高级实现一个在恢复执行之前暂停指定时长的函数
    语言
  • Array.prototype.square高级实现一个自定义的 Array.prototype.square() 方法，该方法将数组中的值平方。
    语言
  • 可取消的超时高级实现一个类似于 setTimeout 的函数，但返回一个用于取消待处理回调的函数
    语言
  • 分块高级实现一个函数，该函数将元素数组拆分成指定大小的较小组。
    语言
  • Compact高级实现一个函数，该函数创建一个数组，其中移除了所有假值
    语言
  • 差异高级实现一个函数，该函数查找数组之间值的差异。
    语言
  • Drop Right While高级实现一个函数，该函数从数组末尾排除元素，直到谓词返回 false
    语言
  • Drop While高级实现一个函数，该函数从数组的开头排除元素，直到谓词返回 false
    语言
  • 填充高级实现一个用指定值填充数组指定索引范围的函数
    语言
  • 查找索引高级实现一个函数，该函数返回数组中满足提供的测试函数的第一个元素的索引
    语言
  • 查找最后一个索引高级实现一个函数，该函数返回数组中满足提供的测试函数的最后一个元素的索引
    语言
  • 从键值对高级实现一个从键值对创建对象的函数
    语言
  • Function.prototype.apply高级实现 Function.prototype.apply() 函数，该函数使用给定的 `this` 值和作为数组的参数调用该函数
    语言
  • Function.prototype.call实现 Function.prototype.call() 函数，该函数使用给定的 `this` 值和提供的参数调用该函数
    语言
  • 获取高级实现一个函数，用于安全地访问 JavaScript 对象中深层嵌套的属性
    语言
  • 在范围内高级实现一个函数来检查一个数字是否在两个数字之间
    语言
  • 交集高级实现一个计算数组交集的函数，返回一个新数组，其中包含所有给定数组中存在的唯一值。
    语言
  • 最大值依据高级实现一个基于指定条件查找最大元素的函数
    语言
  • Min By实现一个基于指定条件的查找最小元素的函数
    语言
  • 对象映射高级实现一个函数来转换对象中的值
    语言
  • Once高级实现一个接受回调函数并将其调用限制为最多一次的函数
    语言
  • Promise.reject高级实现一个函数，返回一个被拒绝的 Promise 对象，并附带一个原因
    语言
  • 范围高级实现一个函数，该函数以升序返回一系列数字
    语言
  • Range Right高级实现一个按降序返回数字序列的函数
    语言
  • 单例模式高级实现一个单例类，确保一个类只有一个实例，同时提供对该实例的全局访问点
    语言
  • 唯一数组高级实现一个函数，从数组中删除所有重复的值
    语言
  • Array.prototype.at高级实现 Array.prototype.at() 方法
    语言
  • Array.prototype.map高级实现 Array.prototype.map() 方法
    语言
  • Array.prototype.reduce实现 Array.prototype.reduce() 方法
    语言
  • 循环实现一个函数，该函数接受一个或多个值，并返回一个函数，该函数在每次调用时循环遍历这些值
    语言
  • Function.prototype.bind高级实现 Function.prototype.bind() 函数，该函数创建一个新函数，并将 `this` 关键字设置为提供的值
    语言
  • 大小高级实现一个返回集合大小的函数
    语言
  • 求和高级实现一个函数，该函数通过接受一个数字进行求和，并允许重复调用，传入更多数字，直到不传入任何数字为止。
    语言
  • 类型工具 II实现实用程序以确定 JavaScript 中非原始变量类型
    语言
  • useBoolean II高级实现 useBoolean hook 的优化版本
    语言
  • useClickAnywhere实现一个处理文档任何位置的点击事件的 Hook
    语言
  • useEffectOnce高级实现一个只运行一次 effect 的 hook
    语言
  • useFocus高级实现一个可以对元素进行程序化聚焦的 Hook
    语言
  • usePrevious高级实现一个返回状态前一个值的 Hook
    语言
  • useToggle高级实现一个管理布尔切换状态的 Hook
    语言
  • Reading OrderImplement a function that sorts 2D canvas elements in reading order
    语言
  • 创建计数器 II高级实现一个函数，该函数返回一个计数器对象，该对象具有用于检索和操作值的各种方法
    语言
  • Array.prototype.concat高级实现 Array.prototype.concat() 方法
    语言
  • 按…计数实现一个函数，该函数根据函数或属性名称计算值在数组中出现的次数。
    语言
  • 分组高级实现一个函数，该函数根据函数或属性名称对数组中的值进行分组
    语言
  • Intersection By高级实现一个函数，该函数根据提供的迭代函数返回一个包含所有给定数组中包含的唯一值的数组。
    语言
  • 交集运算高级使用自定义比较器函数计算数组的交集，以确定元素之间的相等性
    语言
  • 是否为空高级实现一个函数来检查一个值是否为空对象、集合、映射或集合
    语言
  • 限制高级实现一个接受回调函数并将其调用限制为最多 N 次的函数
    语言
  • Promise.resolve高级实现一个函数，将给定值解析为 Promise
    语言
  • Promise 超时高级实现一个函数，如果 promise 在超时期限内被 fulfilled，则解析该 promise，否则拒绝。
    语言
  • Promise.withResolvers高级实现一个函数，该函数返回一个包含新的 `Promise` 对象和两个用于解决或拒绝它的函数的对象
    语言
  • 海龟高级实现一个在二维平面上移动海龟的 Turtle 类
    语言
  • Union By高级实现一个函数，该函数从所有给定数组中创建一个按顺序排列的唯一值数组。
    语言
  • useBreakpoint高级实现一个基于当前窗口宽度返回当前断点名称的 Hook
    语言
  • useClickOutside高级实现一个检测指定元素外部点击的 Hook
    语言
  • useDebounce实现一个对值进行防抖的 Hook
    语言
  • useEventListener高级实现一个订阅浏览器事件的 Hook
    语言
  • useHover高级实现一个跟踪元素是否被悬停的 Hook
    语言
  • useInterval高级实现一个创建间隔的 hook，该间隔在指定的延迟后调用回调函数
    语言
  • useKeyPress高级实现一个订阅键盘事件的 Hook
    语言
  • useObject高级实现一个管理对象值的 Hook
    语言
  • useSet实现一个管理 JavaScript Set 的 Hook
    语言
  • useStep高级实现一个管理多步骤流程的步骤计数器的 hook
    语言
  • useThrottle高级实现一个节流值的 Hook
    语言
  • useWindowSize实现一个返回窗口当前高度和宽度的 Hook
    语言
  • 驼峰命名转换高级实现一个函数，将对象中的所有键转换为驼峰命名。
    语言
  • Compact II高级实现一个函数，该函数返回一个对象，其中删除了所有假值
    语言
  • 符合条件高级实现一个函数，用于检查对象是否符合源对象
    语言
  • Console Log History高级Implement a function that intercepts console.log() calls and records the arguments they were invoked with
    语言
  • 柯里化 II高级实现一个函数，将接受多个参数的函数转换为可以重复调用任意数量参数的函数
    语言
  • 数据合并实现一个函数，用于合并来自同一用户的数据行
    语言
  • 事件发射器 II高级实现一个可以订阅和发出事件的类，这些事件会触发附加的回调函数。返回订阅对象，并且可以取消订阅。
    语言
  • getElementsByTagName高级实现一个函数，获取所有匹配标签的 DOM 元素
    语言
  • 相同的 DOM 树高级实现一个函数来确定两棵 DOM 树是否相同
    语言
  • jQuery 类操作高级实现一组类似 jQuery 的函数，用于操作 DOM 元素的类
    语言
  • localStorage With Expiry高级Implement a class that adds key expiry support to localStorage
    语言
  • Lowest Hiding ElementImplement a function to find the deepest DOM element that would hide a set of elements
    语言
  • 中间件实现一个类似于 Koa.js 中间件函数的异步中间件函数组合。
    语言
  • Node Registry高级Implement a registry that stores values keyed by DOM nodes
    语言
  • Promise.allSettled高级实现 Promise.allSettled() 函数，当所有输入元素都已解决或已拒绝时，该函数将解析为一个结果数组。
    语言
  • Rate LimiterImplement a sliding-window rate limiter over a batch of task timestamps
    语言
  • 可恢复的 Interval高级实现一个创建可恢复 interval 对象的函数
    语言
  • Template EngineImplement a basic templating engine with Mustache-like placeholders
    语言
  • 文本搜索高级实现一个函数，如果搜索词出现在文本中，则突出显示该文本
    语言
  • Undo / Redo ManagerImplement a class that manages value history with undo and redo functionality
    语言
  • useIdle高级实现一个检测用户不活动状态的 Hook
    语言
  • useInputControl实现一个管理受控输入值并跟踪其脏和已触及状态的 hook
    语言
  • useMediaQuery实现一个订阅并响应媒体查询变化的 Hook（例如屏幕大小、分辨率、方向等）
    语言
  • useMediatedState实现一个类似于 useState 的 hook，但支持一个中介过程
    语言
  • Class Variance AuthorityImplement a simplified version of cva for generating variant-based class names
    语言
  • Corresponding Node Across Pages高级Implement a function that finds the corresponding DOM node on another page that has the same structure
    语言
  • 深度映射高级实现一个递归转换值的函数
    语言
  • Schema ValidatorImplement a tiny schema validation library with primitive schemas and flat object shapes
    语言
  • SpreadsheetImplement a spreadsheet class with numeric cells and addition formulas
    语言
  • Styled Text RangesImplement a function that slices styled text represented as text plus style ranges
    语言
  • SuperjsonImplement serialize and deserialize functions that can stringify values JSON.stringify() cannot
    语言
  • Test RunnerImplement a tiny test runner that registers tests, executes them, and summarizes the results
    语言
  • Text Between Nodes高级Implement a function that collects text between two DOM nodes in document order
    语言
  • 文本搜索 II高级实现一个函数，如果搜索词出现在文本中，则突出显示文本
    语言
  • 深度合并高级实现一个将两个对象合并在一起的函数
    语言
  • HTML SanitizerImplement a simplified HTML sanitizer that removes unsafe nodes and attributes
    语言
  • Map With History高级Implement a class that returns the latest value at or before a timestamp
    语言
  • Memoize II高级实现一个函数，该函数返回一个函数的 memoized 版本，该函数接受任意数量的参数
    语言
  • Mini Object-relational MapperImplement a simplified Prisma-like in-memory object-relational mapper (ORM) with model delegates and basic CRUD operations
    语言
  • Reading Order II高级Implement a function that groups misaligned 2D canvas elements into rows before sorting
    语言
  • Schema Validator II高级Implement a tiny schema validation library with chainable min and max rules
    语言
  • Spreadsheet II高级Implement a spreadsheet class with left-to-right arithmetic formulas
    语言
  • Styled Text Ranges II高级Implement a function that overwrites the style of a text range and normalizes the result
    语言
  • Test Runner IIImplement a tiny test runner with nested suites and full spec names
    语言
  • Test Runner III高级Implement a tiny test runner with inherited setup and cleanup hooks
    语言
  • Undoable Database高级Implement a class that manages users with CRUD operations and undo/redo history
    语言
  • Mini Object-relational Mapper II高级Implement a simplified Prisma-like in-memory object-relational mapper (ORM) with richer filtering and sorting
    语言
  • 柯里化 III高级实现一个函数，将接受可变参数的函数转换为可以重复调用任意数量参数的函数
    语言
  • getElementsByTagNameHierarchy高级实现一个函数，获取所有匹配标签层级的 DOM 元素
    语言
  • Test Runner IV高级Implement a tiny test runner with async specs and async hooks
    语言
  • 深度克隆 II高级实现一个对值进行深拷贝的函数，但也要处理循环引用
    语言
  • Drizzle Query BuilderImplement a simplified in-memory query builder inspired by Drizzle ORM, with table helpers, filters, sorting, and pagination
    语言
  • Mini Object-relational Mapper III高级Implement a simplified Prisma-like in-memory object-relational mapper (ORM) with field selection and relation includes
    语言
  • Rich Text to HTML高级Implement a function that converts styled text ranges into a canonical HTML string
    语言
  • Schema Validator III高级Implement a tiny schema validation library with nested objects, arrays, and optional fields
    语言
  • Spreadsheet III高级Implement a spreadsheet class with dependency-aware updates and cycle detection
    语言
  • Styled Text Ranges III高级Implement a function that replaces a text range and keeps the style ranges normalized
    语言
  • Styled Text Ranges IV高级Implement a function that patches shallow style objects over a text range
    语言
  • Superjson II高级Extend the serialize and deserialize APIs to support Map and Set while preserving insertion order
    语言
  • Drizzle Query Builder II高级Implement a simplified in-memory query builder inspired by Drizzle ORM, with support for `select()` projections and aliases
    语言
  • Undo / Redo Manager IIImplement a class that manages draft values and batch-based undo/redo checkpoints
    语言
  • Undoable Database II高级Implement a class that manages draft user state and batch-based undo/redo checkpoints
    语言
  • Drizzle Query Builder III高级Implement a simplified in-memory query builder inspired by Drizzle ORM, with support for `innerJoin()` and `leftJoin()`
    语言