javascript动态加载实现方法一_javascript技巧
时间:2021-07-01 10:21:17
帮助过:2人阅读
现在也有很多JS动态加载的框架,比如In.js。但是这种并不是我想要的编写方式,我来说说我的想法。
先来一段java代码
代码如下:
import Biz.User;
User u = new User();
u.show();
按流程就是导包、实例化、调用。
JS是做不了导包的,或者说代码意义上的导包,一般只是在页面上进行script标签的引入。
那么 先假设需要写成这样
代码如下:
Using("User");
var u = new User();
u.show();
那么,在JS里面可以实现吗?
来一句一句的分析,当然,前提是页面并不用script标签载入user.js,不然就没意义了。
第一句
Using("User");
为什么用Using,当然只是我的一个命名想法而已,可以联想一下C#,用的就是using,借来而已。
Using里面写入的当然是我需要的对象User,顾名思义,我当然写成Using("User")了。先不说内里是怎么实现的,起码思路是这样。
因为不能模拟关键字写成 Using User;这种起码我是做不到了。
第二句和第三句
代码如下:
var u = new User();
u.show();
很正常,就是很平常的实例化与函数调用,唯一不解的是User对象哪里来的?那么当然是第一句导包的时候导入的。
流程就是这么个流程,那么到底能不能实现,关键就在第一句话。也就是说,到底能不能导包成功,而且该怎么导包。
从script标签吸引灵感,对,异步加载所需要的js文件。
也就是说
代码如下:
Using("User");
相当于写了一句
代码如下: