React useCallback钩子如何识别函数？重复定义场景疑问

问题1：两次独立的useCallback调用会复用缓存吗？ #

不会。哪怕两个函数代码完全一致、依赖数组都是空的，handlerFunction和handlerFunction2也会是两个独立的函数引用。

原因很直接：在JavaScript里，每定义一次箭头函数（或函数表达式），都会生成一个全新的函数对象——哪怕代码内容一模一样，它们的内存引用地址也不相同。而且useCallback的缓存是按调用位置独立维护的，每个useCallback调用都有自己专属的缓存空间，互相之间不会共享缓存内容。

问题2：useCallback重渲染时怎么处理函数对比？ #

组件重渲染时，useCallback的判断逻辑很简单：

• 先检查依赖数组是否和上一次的依赖数组完全一致（React用浅对比判断依赖变化）
• 如果依赖数组没变化，直接返回之前缓存的函数引用，完全不会去对比当前传入的函数和缓存函数的内容
• 如果依赖数组变了，就把当前传入的新函数缓存起来，并返回这个新引用

换句话说，useCallback根本不会去“对比函数内容是否相同”，它只关注依赖数组有没有变化。只要依赖不变，不管这次传入的函数是不是新对象，都会直接返回之前缓存的那一个。

内容的提问来源于stack exchange，提问作者gib65