useRef与文件作用域变量对比：我的理解是否正确？还有哪些优势？

你的认知完全正确：当同一组件在DOM多个位置同时渲染时，文件作用域的全局变量会被所有组件实例共享，导致状态混乱；而useRef会为每个组件实例创建独立的引用空间，各自维护自己的状态，不会互相干扰。

除了这个核心差异外，useRef还有这些独特优势和用例：

• 与组件生命周期绑定：文件全局变量的生命周期不受组件控制，即使组件卸载，变量依然存在，可能造成内存泄漏或残留状态。而useRef的生命周期和组件实例完全同步，组件卸载后，对应的ref会随实例一起被垃圾回收（无外部引用的情况下），更符合React的组件管理逻辑。

• 直接访问DOM元素与组件实例：这是useRef最常用的场景之一。你可以用它获取DOM节点的引用，实现聚焦输入框、滚动到指定位置、修改DOM样式等操作；对于类组件，还能通过ref访问其内部的实例方法，这些都是全局变量无法实现的。

• 存储最新的props/state值：在闭包场景（比如useEffect、事件处理函数）中，函数会捕获当前的props/state值，后续状态更新后，闭包内的值不会自动更新。这时可以用useRef存储最新的状态，比如在useEffect里监听状态变化并同步到ref中，后续就能随时获取到最新的状态值。

• 避免命名冲突与作用域污染：文件级全局变量会占用当前文件的命名空间，多人协作时容易出现命名冲突；而useRef的变量是组件内部的局部引用，不会污染外部作用域，代码的模块化和可维护性更高。

内容的提问来源于stack exchange，提问作者Marcus Junius Brutus