extjs 关于js的动态加载问题

只要不是初学者，都希望自己的js能够动态加载，而不需要开始的时候把所有的js都加载进来导致第一个页面慢如蜗牛。以下是我见过使用过的几种方式（不包含ext4 之后的 那种require的方法，那种方式我还不理解），优劣方面大家自己来评价吧。一般的项目都分为 上，左，中三个部分，当点击左边部分菜单的时候，是一个独立的模块需要动态加载js

方式一：

用iframe来完成

优点：不需要考虑导入js的动作，只需要对单独的模块开发一个新的html页面，导入core.js 以及这个页面需要的业务组件.js就可以

缺点：

1.需要每个组件一个页面，繁琐。 因为每个页面都需要引入核心组件，不知道这样的js会不会重新加载----->还望大家指点（我问过朋友，他们说与浏览器的设置有关系）

2.在iframe页面弹出的window，以及其他的messagebox不能够覆盖整个屏幕，也就是说部能够覆盖上面，左边的部分。那么用户此时还可以点击别处操作。

方式二：

点击左边菜单时，在中间的tab部分生成div，把业务组件的js加载到div中。

优点：

1. 方式一的缺点 都可以满足

2.关闭tab的时候，javascirpt也可以消失，不占用内存空间

缺点：不知道在页面中途加载javascript，的命名空间如何设定，如果总得页面需要同时开打很多业务组件的话，那么javascript的变量声明是一个问题

方式三：

同方法二的加载方式，也是使用ajax加载，但是不是放入div中，是通过eval方式，把javascript保存到内存中

优点：方式一的缺点都可以满足

缺点：

1.变量命名空间问题

2.内存如何释放的问题

----以上三种方案希望大家探讨，并且给予知道----