requireJS异步加载

requireJS的核心实现

可以将模块抽象成下面的对象

一个模块可以理解为一个JS文件,具有三个属性:deps(模块的依赖),callback(模块的回调,在所有依赖load之后执行),listener(模块的监听,里面存放当该模块加载完毕,需要通知的对象)

模块加载的核心函数:

fetch --->  加载模块JS文件,并设置回调,当script执行完毕,(也可能模块之前通过define定义过,不是JS文件的模块)触发load方法

load --->   判断fetch结果,若已经fetch完(加载并执行完),递归载入依赖模块,在所有模块载入完毕后(子模块通过自身的listener通知),内部依赖模块计数器归零,执行callback,并通过listener通知所有依赖了此模块的地方;

若未fetch,调用加载方法(动态生成script标签,插入document中,script标签带有onload属性,在script下载并执行完后会触发load事件,onload事件函数中调用load方法加载依赖模块),并return;

 

posted @ 2018-05-26 12:04  天下无双之盛世奇观  阅读(1009)  评论(0编辑  收藏  举报