同步和异步的区别是什么

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

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)