JS中异步和同步加载是什么？

2024年5月8日 64次阅读 来源: 甜茶。。

异步是什么，刚开始听到这个词，很多同学估计都有点懵，虽然大家都遇到过这个东西！但都还不够了解它，今天我们了解一下异步，顺便了解一下同步！
首先JS中的‘加载’是是什么，它是分为两个部分：下载，执行。默认的JS加载是同步的，因为浏览器需要一个稳定的DOM结构，而执行JS时可能会对DOM造成改变，所以在执行JS时一定会阻塞HTML的渲染。我们可以使用一些方法使JS的下载不会阻塞HTML渲染，但不能使JS的执行阻塞渲染。

jS 同步加载和异步加载有什么区别！

同步加载：同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。

异步加载：异步加载又叫非阻塞，浏览器在下载执行 js 同时，还会继续进行后续页面的处理。

先简单的写异步的三种方式！

	 //1、 defer IE专用（IE9以下）
	//当页面解析完 试行代码！
	 <script defer>
            var a = 10;
            console.log(a);
        </script>

第二种就时 async


 <script async> 
// <async>属性是HTML5中新增的异步支持。此方法被称为Script DOM Element 方法。Google Analytics 和 Google+ Badge 都使用了这种异步加载代码
            // 高版本的浏览器中可以这么些，但是标准中不不允许的
            var b = 12;
            console.log(b);
        </script>

还有一种方法，我觉得大家熟悉的， 就是onload方法，这种方法只是把插入script的方法放在一个函数里面，然后放在window的onload方法里面执行，这样就解决了阻塞onload事件触发的问题。

这是一步的三个方法，可以先了解一下！

    原文作者：甜茶。。
    原文地址: https://blog.csdn.net/Eason_______/article/details/104815797
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞