关于定时器的异步操作

Posted 2020-07-10

‘use strict‘
for(var i = 0; i < 10; i++){
　　console.log(i)
}
for(var j = 0; j < 10; j++){
　　setTimeout(function(){
　　　　console.log(j);
　　},0)
}
for(let m = 0;m < 10; m++ ){
　　setTimeout(function(){
　　　　console.log(m);
　　},0)
}

　　

很有意思的一道题目，涉及到异步的操作，在浏览器的代码解析中，但凡遇到定时器就会把定时器放到最下面，最后再执行，而不是去等待。即使时间为0；所以第二个就不难理解，当j加到10的时候条件不再成立，也没有后续操作，所以就走定时器，所以出来的结果是10，但是es6中的let是有作用域的，只能在该for循环里使用，蛮有意思，最后的结果和第一个相同。