JavaScript/React中useEffect末尾的[user]方括号是什么意思？能否重写？

你示例代码里useEffect函数末尾的[user]，并非JavaScript原生的特殊函数语法，它是React useEffect Hook接收的第二个传入参数，官方定义为「依赖数组（Dependency Array）」。很多新手刚接触时会误以为这个位置的方括号是JavaScript的特殊语法（比如解构、闭包相关的写法），实际上它就是给函数传了一个普通的数组参数，没有任何原生语法层面的特殊逻辑，所有的调度规则都是React内部实现的。

实际运行逻辑 #

这个参数的触发规则完全由React的内部调度逻辑定义，React拿到传入的数组后会按照既定规则控制副作用函数的执行时机：

• 不写这个参数（仅传入第一个副作用函数）：组件每完成一次重渲染，就会执行一次传入的副作用逻辑
• 传入空数组[]：副作用逻辑只会在组件首次挂载到DOM完成后执行一次，组件后续所有重渲染都不会触发该逻辑
• 传入带具体变量的数组（即示例中的[user]）：React会在每次重渲染时，用Object.is的浅比较规则，把数组内的所有变量和上一次渲染时的同变量值做比对；只有当数组内任意一个变量发生变化时，才会重新执行传入的副作用函数，变量无变化时哪怕组件因为其他状态更新重渲染，也不会重复跑副作用逻辑。

对应到你的示例代码，实际运行效果是：

1. 组件首次挂载完成时，执行一次判断：如果已经存在有效登录用户user，就触发路由跳转到个人中心页
2. 后续只要user变量发生变化（比如登录态刷新、用户信息接口返回、退出登录），就重新执行跳转判断
3. 如果user值没有变化，哪怕页面因为其他交互更新了状态、父组件传入了新的props导致重渲染，这段跳转逻辑也不会重复执行，避免无意义的重复路由调用带来的性能损耗。

这个写法是React Hook的固定API设计，不存在脱离React调度逻辑的1:1原生JS等效替代写法，几个容易和原逻辑混淆的常见改写方式，实际上都和原效果不等效：

• 直接删掉[user]参数：会变成组件每次重渲染都执行跳转判断，和原逻辑差异很大——哪怕user没有变化，其他状态更新也会触发重复的跳转调用
• 把[user]替换成空数组[]：会变成只在组件首次挂载时做一次跳转判断，和原逻辑不等效——比如刚进入页面时用户登录信息还没从接口拉取回来，user初始值为空，等后续接口返回拿到有效user值时，因为依赖数组为空，effect不会重新触发跳转，会出现明明已经登录但无法进入个人页的问题。

*按照React Hook的规范要求，这段代码的合规正确写法，是把副作用逻辑里用到的所有响应式变量都列进依赖数组（比如补充router变量），这不是改写原有逻辑，是避免依赖遗漏的规范操作，不存在更精简的替代格式。

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