React.js中useCallback Hook是否会在组件每次渲染时都创建新函数？

面试官的说法是正确的，useCallback确实不会阻止函数创建 #

你传递给useCallback的第一个参数本身就是内联函数定义，只要组件触发重渲染，整个函数组件的代码会完整执行一轮，写在useCallback参数里的内联函数必然会被重新创建，这是JS本身的执行规则，React没有能力跳过这个步骤。

useCallback真正做的事情是：把你新创建的这个函数作为输入，比对当前依赖数组和上一次的依赖数组是否完全相等：

• 依赖无变化：直接丢弃这次新创建的函数，返回上一次缓存的旧函数引用
• 依赖有变化：把这次新创建的函数存入缓存，返回这个新的引用

你之前的理解存在的核心偏差 #

你误以为useCallback和useMemo的优化点是减少函数/变量创建的内存开销，实际上这两个Hook的核心作用根本不是降低创建环节的性能损耗，而是稳定值的引用，最终目的是配合React.memo、useEffect等逻辑避免不必要的更新：

• 如果把未用useCallback包裹的函数作为props传给被React.memo包裹的子组件，每次父组件重渲染，函数都是新引用，子组件会因为props变化被迫重渲染；用了useCallback之后只要依赖不变，传给子组件的永远是同一个引用，就能跳过子组件的无效重渲染，这才是最核心的优化收益。
• 对于useMemo来说也是同理，它不会阻止计算函数的创建，只会在依赖无变化时跳过计算函数的执行，直接返回上一次缓存的结果，适合用来跳过开销非常大的同步计算，同时也能稳定计算结果的引用。

你也可以把useCallback(fn, deps)理解为useMemo(() => fn, deps)的语法糖，两者底层逻辑完全一致，只是缓存的内容不同。 #

补充注意点 #

单个函数创建的内存开销几乎可以忽略不计，完全没必要为了所谓的"节省内存"给所有内部函数都加useCallback，滥用反而会带来额外的依赖比对、缓存占用开销，只有在确实需要稳定引用、或者要跳过高开销计算的时候再使用这两个Hook才是合理的。

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