定时器相关面试题

来源:互联网 发布:淘宝护肤品有真的吗 编辑:程序博客网 时间:2024/05/20 20:58
for (var i = 0; i < 5; i++) {  setTimeout(function() {    console.log(i);  }, 1000 * i);}

答案: 输出 五 个 5

解释:要正确解答出这题,首先要知道 setTimeout 是异步执行的一个方法(setInterval也是异步执行),知道这样一个概念后,就可以理解,setTimeout这个方法是在一个for循环结束后,才执行的;运行后,函数立马执行,输出一个5,接着每过1秒,输出一个5;

类似的还有:  setTimeout(function() {                 alert(a)            }, 0);            alert(1);        先弹出1   然后报错

当想用上面的代码输出 0 1 2 3 4;怎么办?请写代码:

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

这里通过闭包自执行函数的作用,当每次的循环发生时,setTimeout也会立即执行。

这题结合es6,要求说出正确的输出顺序,

setTimeout(function() {  console.log(1)}, 0);new Promise(function executor(resolve) {  console.log(2);  for( var i=0 ; i<10000 ; i++ ) {    i == 9999 && resolve();  }  console.log(3);}).then(function() {  console.log(4);});console.log(5);

答案: 2 3 5 4 1
解释: 第一个console.log(1)根据上面的解释,异步执行,在任务队列里肯定是靠后,接着是promise函数部分,先是正常执行输出 2 ,3;然后then部分也是异步操作,那么第三位就是输出5,then是Promise对象上的一个方法,那么也会在setTimeout之前执行,即2 3 5 4 1。

指出this的指向

setTimeout(function (){    console.log(this)},0)

答案:window
解释:setTimeout是window的一个方法,按照“谁调用,this指向谁”这个原则,此时this指向 window。

原创粉丝点击