`

总结JS加载顺序

    博客分类:
  • JS
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函数,如果没有,出错处理;如果有同样按照后面覆盖前面的原则进行函数调用

分享到:
评论

相关推荐

    详解关于html,css,js三者的加载顺序问题

    总结一下,HTML、CSS和JavaScript的加载顺序问题对于提高网页性能至关重要。合理的加载顺序和资源管理策略可以大大提升用户体验。在实践中,开发者应该根据具体情况和资源的依赖关系选择合适的解决方案,以确保网页...

    高性能的javascript之加载顺序与执行原理篇

    本文主要探讨了JavaScript加载顺序与执行原理,以及如何通过优化策略提升性能。 首先,当浏览器遇到`<script>`标签时,会暂停页面的渲染,先下载并执行脚本。这种行为会导致页面呈现的阻塞,特别是在脚本数量较多或...

    动态加载外部JS文件

    动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...

    cookie.js 加载顺序问题怎么才有效

    在网页开发中,JavaScript库和插件的加载顺序至关重要,特别是当依赖于其他库或特定功能的脚本时。在给定的标题和描述中,我们聚焦于`cookie.js`和`jquery.js`的加载顺序问题。`cookie.js`通常是一个用于处理浏览器...

    LABjs-master--js有序加载.rar

    LAB.js,全称为“Loader And Booster JavaScript”,是一种专门用于优化JavaScript加载性能的库。它旨在解决在网页开发中遇到的一个常见问题:JavaScript文件的异步加载顺序无法自定义,这可能导致依赖关系混乱,...

    CSS 的加载及加载顺序简介

    总结来说,优化CSS加载顺序和策略主要有以下几点: 1. 分离CSS,按需加载:根据页面内容结构,将CSS拆分为多个文件,只加载首屏所需的样式。 2. 利用HTTP/2的推送或内联:对于关键CSS,可以利用HTTP/2协议的特性提升...

    javascript按顺序加载运行js方法

    JavaScript 是一种广泛使用的客户端脚本语言,常用于网页交互和动态内容...对于有依赖关系的脚本,务必保证它们的加载顺序,以防止因依赖未加载而导致的错误。同时,优化加载策略以提高页面性能,避免不必要的阻塞。

    JS异步加载库

    2. 加载队列:管理待加载的脚本,确保加载顺序和依赖关系。 3. 错误处理:捕获和处理加载失败的情况,提供备用策略。 4. 回调机制:提供回调函数,以便在脚本加载完成或失败后执行相应的逻辑。 5. 模块化设计:...

    js分布加载

    分布加载是指将一个大的JavaScript文件分解成多个小文件,然后根据需要按顺序或异步加载这些文件。这样做的好处是可以避免一次性加载大量代码,导致页面阻塞,从而提高页面的初始加载速度。例如,我们可以将核心功能...

    jsp页面中的代码执行加载顺序介绍.docx

    ### JSP页面中的代码执行加载顺序详解 #### 一、引言 JSP(Java Server Pages)是一种基于Java技术的动态网页技术标准,它通过将动态生成的内容嵌入到静态HTML页面中,使得Web应用程序能够生成动态变化的内容。在...

    jsloader 异步加载js文件

    总结来说,`JSLoader`是一种高效的JavaScript异步加载工具,通过它可以优化页面加载速度,同时结合Dojo进度条,能够为用户提供更友好的加载体验。正确地理解和使用`JSLoader`,有助于提升Web应用的整体性能和用户...

    Django框架模板文件使用及模板文件加载顺序分析

    ### Django框架模板文件使用及模板文件加载顺序分析 #### 概述 在现代Web开发中,Django作为一款流行的Python Web框架,凭借其强大的功能和灵活性,在构建高性能网站方面具有独特的优势。其中,模板系统是Django...

    javascript顺序加载图片的方法

    总结来说,JavaScript顺序加载图片的方法不仅可以提升网站性能,还可以改善用户体验,避免因加载大量图片而造成的页面卡顿现象。这种方法尤其适用于图片资源较多的页面,是前端开发中一项非常实用的技术。

    html中嵌入js执行顺序_html中嵌入js执行顺序_

    总结来说,理解HTML中嵌入JavaScript的执行顺序是至关重要的,它可以帮助我们优化代码结构,提高网页性能,并避免因脚本执行时机不当导致的问题。在实际开发中,应合理利用`async`、`defer`等特性,以及模块化加载...

    大图片分块加载JS代码

    在网页设计中,大图片的加载...总结起来,大图片分块加载技术通过JavaScript实现了对大图的高效加载,提高了网页的响应速度,优化了用户体验。通过理解并应用上述代码,开发者可以灵活地在自己的项目中实现类似的功能。

    js加载检测

    此外,在多脚本环境中,合理的加载顺序控制也是保证程序正常运行的关键因素之一。 #### 三、不同浏览器的支持情况 不同的浏览器对脚本加载完成事件的支持程度各不相同。具体来说: 1. **Firefox 2、Firefox 3、...

    JavaScript执行顺序

    JavaScript的执行顺序主要涉及到三个关键点...总结来说,JavaScript的执行顺序是由HTML解析顺序、预编译阶段和执行阶段的规则以及代码块的概念共同决定的。理解这些原则可以帮助开发者编写出更合理、更具预测性的代码。

    JavaScript提高加载和执行效率的方法

    总结,优化JavaScript加载和执行效率涉及多个方面,包括正确选择脚本位置、使用异步或延迟加载、压缩合并文件、CDN分发、模块化加载、优化DOM操作和利用最新语言特性。通过这些策略,可以显著提升网页的加载速度和...

    javascript异步加载

    总结来说,异步加载JavaScript是优化网页性能的重要手段。动态`<script>`标签插入、`defer`属性以及`import()`函数提供了灵活的选择,根据具体需求和脚本依赖关系,选择合适的异步加载策略,可以显著提升网页加载...

Global site tag (gtag.js) - Google Analytics