ES5中, 函数未注册(Uncaught ReferenceError: fn is not defined)

正常浏览器环境下, 如果在不加载babel等转义文件的前提下, 开发者如果在准备就绪函数中(如:onload() 或者 $.jQuery.ready())注册函数(fn), 那么调用的时候可能找不到(实例化对象除外).

原因就在于, 事件和函数的绑定关系. DOM渲染完毕之前, JS的onload和ready方法肯定没有运行; 但是渲染的时候就已经在JS中寻找已经注册过的函数,去和DOM绑定在一起. 此时, 由于fn仍未在JS中注册, 故绑定在DOM上的函数其实为空(也就是"未注册").

注意: 渲染引擎和JS加载引擎是同时运行的

其实说穿了就是加载顺序的问题, DOM在JS准备就绪函数之前加载, 所以找不到注册函数.解决办法也很简单:

函数注册写到顶级作用域(window)下面