也算是比较经典的面试题了html
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.htmlspa
来讲一下上面打印的顺序,按顺序执行,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的值都会被储存起来。code
for (var i = 0; i < 5; i++) { console.log(i, "for"); (function(i) { setTimeout(function() { console.log(i, "interval"); }, i * 1000); })(i); } console.log("同步");
这里就是间隔一秒打印一个数htm