多个html引入重复文件,用JS实现避免重复加载相同js文件

我们在日常开发过程中，可能有重复加载同一个资源例如:1.js,为了提高性能和用户体验这里我们用原生JS实现同一个资源只加载一次。

下面是 common.js里的JS代码

//使用沙箱模式防止污染外面的变量

; (function () {

//让外面可以只能访问到require变量

window.require = require;

//定义一个加载模块的方法

function require(moduleName, callback) {

//创建加载模块的具体实现类

var requireHelper = new RequireHelper(moduleName, callback);

//调用加载模块类的load方法加载模块

requireHelper.load();

}

//存储已加载模块的信息

var moduleList = [];

//创建一个实体类,给传进来的属性赋值

function RequireHelper(moduleName, callback) {

this.moduleName = moduleName;

this.callback = callback;

}

//给模块加载实现类的原型添加方法

RequireHelper.prototype = {

//加载模块

load: function () {

var that = this;

var moduleName = that.moduleName;

if (that.isLoad()) {//模块已