异步

• 需要等待的情况都需要异步。
• 同步和异步的区别：同步会阻塞代码执行，而异步不会；alert是同步，setTimeout是异步
• 前端使用异步的场景：ajax异步、img加载、事件绑定 start end-（）

//ajax异步
console.log('start')
$.get('./data1.json',function (data1) {
	console.log(data1);
	// body...
})
console.log('end')

//<img>加载
console.log('start')
var img = document.createElement('img')
img.onload = function(){
	console.log('loades')
}
img.src = '/xx.jpg'
console.log('end')
//事件绑定
console.log('start')
document.getElementById('btn1').addEventListener('click',function(){
	alert('clicked')
})
console.log('end')

• 异步：1 3 5 2（1s后） 4

console.log(1)
setTimeout(function(){
	console.log(2)
},0)
console.log(3)
setTimeout(function(){
	console.log(4)
},1000)
console.log(5)