JS的异步和同步

譬如朝露 V管理员/ 2019-06-20 / 0 评论/ 942阅读

06 20

概念什么是JS异步

异步加载也叫非阻塞模式加载,浏览器在下载js的同时,还会执行后续的页面处理.

同步和异步的区别？

最大的区别在于无阻塞的运行，同步需要等待返回的结果后，才能执行后的代码，异步不需要

异步使用场景：

定时任务：setTimeout setInterval

网络请求：ajax，动态img加载

事件绑定:例如一个点击事件，不可能用户不触发就不执行下面的代码了

代码实例：

//异步示例
console.log(100)
setTimeout(function () {
console.log(200)
}, 1000)
console.log(300)

//同步示例
console.log(100)
alert(200)
console.log(300)

第一段代码在使用了定时器，运行结果是100,300,200，说明定时器并没有阻塞下面的程序运行

第二段代码需要点击确定后才会打印300，说明程序被阻塞的