前段经典面试题（一）

题目

setTimeout，最后输出什么

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

执行结果：

原因：

setTimeout是异步执行，要等待主线上的for循环完毕之后执行。每次for循环，都会将一个console.log(i)放入任务队列但不执行，当for循环结束（此时i=5），主线程任务空了开始执行任务队列中的5个console.log(i)，此时i=5，所以输出5个5.

js的工作机制特点复习：

1.单线程：所有任务需要排队，前一个任务结束，才会执行后一个任务；

2.同步任务与异步任务：同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

3.在所有同步任务执行完之前，任何的异步任务是不会执行的。

4.异步执行事件：

setTimeout、setlnterval、DOM事件、ES6中的Promise、Ajax异步请求

能够输出0,1,2,3,4的修改方法

1. 使用es6中的let声明变量

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

2. 使用闭包

闭包的概念：闭包可以使一个函数中的变量可以被其他函数所访问

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

如果要实现每隔一秒输出一个数字的效果可以在最后让i*1000就可以了。

3. 使用立即执行函数，【立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行】

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

       立即函数中不传递参数的话，结果还是5个5；立即函数不适宜传递太多参数；加载完成后只执行一次的设置函数，函数中的变量包裹在局部作用域中，不会泄露成全局变量。