前端使用异步的场景有哪些

同步和异步的区别是什么

javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。
【同步】:按照一定的顺序去执行，执行完一个才能执行下一个,会阻塞代码执行
【异步】:不会阻塞代码执行

前端使用异步的场景有哪些

1. 网络请求，如 ajax请求、图片加载

//ajax请求
console.log('start')
$.get('./data.json',function(data){
    console.log(data)
})
console.log('end')
//图片加载
console.log('start')
let img=document.createElement('img')
img.onload=function(){ //callback的形式
    console.log('loaded')
}
img.src="/xxx/png"
console.log('end')

2. 定时任务，如setTimeout、setInterval

console.log(100)
setInterval(() => {
    console.log(200)
}, 1000);
console.log(300)