JS同步与异步；

Posted 2021-01-26 你的亏亏

JS的同步与异步

同步：代买从上往下的执行

异步：每个模块各执行各的，同时执行，互不干扰

四个异步事件：（1）定时器（2）ajax（3）时间的绑定（4）回调函数

现在用定时器来说一说setTimeOut事件的同步和异步

for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
console.log(i);

以上函数的输出结果无非是两种：（1）0 1 2 3 4 5 5 （2）5 5 5 5 5 5 5

但是结果显然是第二种

首先看一下学习同步异步的方法：

同步优先、异步靠边、回调垫底

用公式表达就是：同步 => 异步 => 回调

然后就可以得知：

 1）for循环和循环体外部的console是同步的，所以先执行for循环，再执行外部的console.log。（同步优先）

 2）for循环里面有一个setTimeout回调，他是垫底的存在，只能最后执行。（回调垫底）

 那么，为什么我们最先输出的是5呢？

 这个也是非常好理解，for循环先执行，但是不会给setTimeout传参（回调垫底），等for循环执行完，就会给setTimeout传参，而外部的console打印出5是因为for循环执行完成了
那么解决的办法都有哪些呢？

（1）闭包

for (var i = 1; i <=20; i++){
(function (i) {
setTimeout(function timer() 

console.log(i);
}, i*1000)
})(i);
}
（2）把他的每个得索引值存到一个属性里

for (var i = 0; i < 5; i++) {
setTimeout(function() {

var i.index=i;
console.log(this);
}, 1000);
}
console.log(i);

可能解决的办法还有更多，持续更新吧...