前端/移动开发面试题更新 2026-08-05

在 React 中,纯函数指的是什么?请说明它的主要特征。

前端/移动开发技术原理React

考察说明

考察对 React 中纯函数概念的理解及其特征。

回答思路

  1. 【回答框架 1】纯函数是指对于相同的输入,总是返回相同的输出,并且没有副作用(如修改外部状态)。在 React 中,组件渲染函数被设计为纯函数,这有助于可预测性和性能优化。
  2. 【回答框架 2】纯函数的特点包括:确定性和无副作用。确定性意味着每次调用相同参数得到相同结果;无副作用则指函数内部不修改外部变量、不执行 I/O 操作等。
  3. 【回答框架 3】在 React 中,纯函数组件接收 props 并返回 JSX,不修改 props 或外部状态。这符合函数式编程思想,使得组件易于测试、调试和复用。
  4. 【回答框架 4】React 通过纯函数特性实现快速渲染,因为可以安全地进行缓存(如 memo 或 shouldComponentUpdate)和并发模式下的中断重试,无需担心外部状态变化导致的不一致。
  5. 【关键点 1】纯函数对相同输入给予相同输出且无副作用。
  6. 【关键点 2】React 组件函数应保持纯,避免修改 props 和外部状态。
  7. 【关键点 3】纯函数特性支持 React 的优化机制如 memo 和并发特性。
  8. 【易错点 1】混淆纯函数与纯组件,纯组件不一定是纯函数,但常依赖纯函数。
  9. 【易错点 2】忽略副作用,如直接在渲染中调用随机数或 Date.now(),会破坏纯函数特性。