前端如何实现JS沙箱的多种策略探讨？

本文共计2134个文字，预计阅读时间需要9分钟。

目录+前言+iframe实现沙箱+diff方式实现沙箱+基于代理（Proxy）实现单实例沙箱+基于代理（Proxy）实现多实例沙箱+结束语+参考+前言+在微前端领域，沙箱是非常重要的一件事。像微前端框架一样，沙箱是必不可少的。

目录

• 前言
• iframe实现沙箱
• diff方式实现沙箱
• 基于代理(Proxy)实现单实例沙箱
• 基于代理(Proxy)实现多实例沙箱
• 结束语
• 参考

前言

在微前端领域当中，沙箱是很重要的一件事情。像微前端框架single-spa没有实现js沙箱，我们在构建大型微前端应用的时候，很容易造成一些变量的冲突，对应用的可靠性面临巨大的风险。在微前端当中，有一些全局对象在所有的应用中需要共享，如document,location,等对象。子应用开发的过程中可能是多个团队在做，很难约束他们使用全局变量。有些页面可能会有多个不同的子应用，需要我们支持多沙箱，每个沙箱需要有加载，卸载，在恢复的能力。