同步和异步

同步和异步

1. 同步

概念：代码从上往下依次执行，前面的代码没有执行完毕，后面的代码不会执行，可能会造成代码堵塞

通过一个案例来理解

代码实现：

console.log(111)
for(let i = 0; i < 1000; i++){
	console.log(222)
}
console.log(333)

在VSCode中编译运行

可以看到在执行到for循环的时候执行了1000次，在没有执行完for循环的时候不会执行后面的代码，如果执行次数更多的话，可能会造成代码堵塞

---

2. 异步

概念：代码从上往下执行，如果遇到异步代码，就会把异步代码放到最后，先把所有的同步代码执行完毕后，在依次执行异步代码

异步的三种情形：
1. 定时器的回调函数
2. 事件的回调函数
3. Ajax请求的响应的回调函数(Ajax请求的响应顺序是不可控的)
Ajax发送请求详情请访问

通过一个案例来理解
代码实现：

console.log(111)
//定时器的回调函数
setTimeout(function(){
	console.log(222)
},2000)

//事件的回调函数
window.onload = function(){
	console.log(333)	
}

//ajax的请求的响应的回调函数
let xhr = new XMLHttpRequest()
xhr.open('get', 'http://localhost:8888/test/first')
xhr.send()
xhr.onreadystatechange = function (){
	if(xhr.readyState == 4 && xhr.status == 200){
		//请求成功就打印
		console.log(444)
	}
}
console.log(555)

在VSCode中编译运行

可以看到案例中先是执行同步代码，遇到异步代码先放到最后，在同步代码执行完毕后再依次去执行异步代码（异步代码存在执行顺序）