浏览器中JavaScript应用可用内存上限及数据加载策略咨询

嘿，很高兴能帮你理清这个问题！

首先直接给你明确的结论：现代浏览器中的JavaScript应用，常规可轻松支撑100MB级别的内存占用，复杂的单页应用（比如大型后台系统、在线协作工具）用到几百MB甚至接近1GB也很常见——浏览器对内存的管理已经相当成熟，只要没有内存泄漏问题，你的1-2MB数据完全是小菜一碟。

回到你的数据加载方案选择，结合你的数据量，我强烈推荐一次性加载全部元数据并驻留内存，理由如下：

• 用户体验更流畅：所有树形/表格的展开、筛选、搜索操作都在本地完成，没有网络请求的延迟，交互响应速度拉满
• 代码实现更简单：不用额外处理按需加载的状态逻辑（比如Redux中维护加载状态、已加载节点、请求队列等），减少开发复杂度和潜在bug
• 内存压力可忽略：1-2MB的原始JSON数据，解析成JavaScript对象后占用的内存会略有增加，但最多也就几MB，完全不会对浏览器造成任何负担

只有当你的数据量达到几十MB甚至上百MB级别时，按需加载才有必要去考虑——你的场景完全没必要为了这点内存去折腾按需加载的逻辑。

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