类script加载,异步加载,顺序执行

主要是想实现把压缩加密后的js文件存储在本地,仿照script标签的功能,实现异步加载,顺序执行。如果本地已经有该文件,则不重新加载,直接调用本地数据。

jsFile是存储文件信息的数组,其中,path是文件路径,name是存储在本地的名字,active表示当前文件是否已经执行,load表示当前文件手已经加载完成,还要一个隐藏的content属性,存储文件内容。

!function loadJS(){
    var jsFile = [
        {name:'myMap',path:'js/myMap.js',active:false,load:false},
        {name:'common',path:'js/common.js',active:false,load:false},
        {name:'yuntu',path:'js/yuntu.js',active:false,load:false},
        {name:'main',path:'js/main.js',active:false,load:false},
        {name:'byjs',path:'js/byjs.js',active:false,load:false}
    ]
    jsFile.forEach(function(item, index){
        if(localStorage['TQLD_' + item.name]){
            item.load = true
            implementJS(item, index)
        }else{
            $.ajax({
                type:"get",
                url:item.path,
                dataType:'text',
                success:function(data){
                    item.content = data
                    item.load = true
                    implementJS(item, index)
                }
            });
        }
    })
    function implementJS(item, index){
        //如果上一个文件已经执行了,则执行这个js文件
        if(index == 0 || jsFile[index - 1].active){
            storageJS(item, index)
            //尝试执行下一个js文件
            jsFile[index + 1] && jsFile[index + 1].load && implementJS(jsFile[index + 1], index + 1)
        }
    }
    function storageJS(item, index){
        //存储病执行js文件,用项目名当前缀
        var name = 'TQLD_' + item.name
        localStorage[name] = item.content || localStorage[name] || ''
        //这里要使用window.eval或者eval.call(window),否则eval里面的变量就不是全局变量
        window.eval(localStorage[name])
        item.active = true
    }
}()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值