javascript中的异步和单线程

时间:2022-05-29 11:43:14
异步:异步和同步的最大区别在于有没有阻塞程序运行

何时需要异步
需要等待情况
等待过程不能像alert一样

前端异步使用场景
- 定时任务:setTimeout、setInterval
- 网络请求:ajax请求、动态javascript中的异步和单线程加载
- 事件绑定

ajax请求代码示例

console.log('start')
$.get('./data1.json',function(data1){
console.log(data1)
})
console.log('end')

img加载示例

console.log('start')
var img=document.createElement('img')
img.onload=function(){
console.log('loaded')
}
img.src='./xxx.png'
console.log('end')

事件绑定示例

console.log('start')
document.getElementById('btn1').addEventListener('click', function(){
alert('clicked')
})
console.log('end')