Redux 出现之前，前端开发者是如何管理全局状态的？

在 Redux 出现之前，全局变量是如何管理的？

对于初涉前端开发的开发者而言，Redux 的全局状态管理概念似乎是必不可少的。然而，在 Redux 诞生之前，开发者是如何处理跨页面数据管理的呢？

在早期 Web 开发时代，服务器端渲染占据主导地位。这为开发者提供了一个方便的方式来存储和访问跨页面的数据，例如用户信息和购物车内容。数据被保存到后端数据库或 cookie 中，确保其在整个会话期间可用。

随着客户端渲染的兴起，管理跨页面状态变得更加复杂。由于每个页面都是独立的，没有直接访问服务器端状态的方式，因此开发者不得不寻找其他的解决方案。

立即学习“前端免费学习笔记（深入）”；

一种常见的方法是使用 localStorage。localStorage 允许在客户端浏览器中存储持久化的数据。这对于存储不需要频繁更新的小型数据块，例如用户偏好设置或网站主题，非常有用。

然而，localStorage 也有一些缺点。它不适合存储大量数据，而且它容易受到跨站点脚本 (XSS) 攻击。此外，它只支持字符串类型的数据，这可能会给数据处理带来不便。

因此，在 Redux 出现之前，管理跨页面状态主要依赖后端数据库和 localStorage 等外部存储解决方案。虽然这些方法在某些情况下仍然可用，但 Redux 提供了一个更优雅、更高效的管理全局状态的方式。