也算是比较经典的面试题了
for(var i=0;i<5;i++){
console..log(i)
}
//0,1,2,3,4
for (var i = 0; i < 5; i++) {
console.log(i, "for");
setTimeout(function() {
console.log(i, "interval");
});
}
console.log('同步')
//打印出这个顺序,这是主要是因为JS的运行机制有关,由于是单线程的运行机制,也就是说,大家都排队吧,第一个结束,第二个跟上。
也就是说,第一个人不结束,第二个就一直等着。。。这样干等也不是个办法,所以设计者就考虑到了,那第一个没结束,就把等待中的任务给挂起,然后继续第二个任务,直到等待中的任务有返回结果了,再继续等待中的任务。
这里就要分同步任务和异步任务了,贴了一下某位coder的blog,他写的很接地气:https://www.cnblogs.com/hahazexia/p/9446585.html
来说一下上面打印的顺序,按顺序执行,for循环是同步任务,首先执行,接下来遇到计时器,是异步任务,放到队列后面,然后往下执行console.log('同步’),这时候开始执行刚才放到任务队列最后的计时器,当计时器执行的时候 i 这个变量,已经变成了5,所以会打印出5.
接下来第三段代码,需要再计时器里打印出0,1,2,3,4
for (var i = 0; i < 5; i++) {
console.log(i, "for");
(function(i) {
setTimeout(function() {
console.log(i, "interval");
});
})(i);
}
console.log("同步");
聪明的你肯定已经想到了,用了一个闭包,改变了作用域,这时候每一次循环里,i的值都会被储存起来。
for (var i = 0; i < 5; i++) {
console.log(i, "for");
(function(i) {
setTimeout(function() {
console.log(i, "interval");
}, i * 1000);
})(i);
}
console.log("同步");
这里就是间隔一秒打印一个数