定时器相关面试题

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。