总结JS加载顺序

阅读更多

借鉴网友的总结结合自身，总结JS加载顺序：

页面中如果出现函数同名时：
如果有多个外部引入的JS文件,例如TONY1.js和TONY2.js(引入顺序假定是TONY1.js，然后是TONY2.js)，
同时页面中本身也有内部的JS.
那么针对 出现函数名一样的情况时，无论他们是否传递的参数一样还是不一样，返回值是否相同，都认为是一个函数，所以JS处理时，最后调用的函数F是按照这样的顺序处理的：

1、查找是否有外部引入的JS文件
2、如果没有那么转到第3步，如果有，那么按照引入顺序首先检查TONY1.js中是否有函数名为F的函数，找到那么记录，并且继续在该文件中查找，如果有同样的F函数名(注意这里只管函数名，不管参数和返回值)，如果有则覆盖前面的记录，直到该文件末尾，最后实际调用的就是该文件中的最后一个函数；如果在TONY1.js中没有找到F函数名一样的函数，那么查找TONY2.js文件中是否有F函数，处理和TONY1.js中一样。如果最终在外部引入的JS文件中都没有找到该函数，那么转到下面第3步
3、在本页面内部按照顺序查找是否有F函数，如果没有，出错处理；如果有同样按照后面覆盖前面的原则进行函数调用