复杂代码拆开之面试题（搞事）

总结：
1，先关注类型再关注值
2，一行不要做两件事（拆）

一，

 for (var i = 0; i < 5; i++) {
  //下面是在执行console的一个函数log(),输出i,return出undefined的值，总的来说下面是在执行函数（同立即执行函数）
  console.log(i);
 }

输出：0,1,2,3,4

注意：
1，输出结果和返回值是两个 不同的值
2，说明console是一个对象

图片.png

log()是console对象的一个函数

图片.png

二，

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

输出：5个5

注意：
1，第一次循环，设置了一个闹钟 0ms。第二次循环，设置了一个闹钟1000ms。。。共设置了5个闹钟
2，注意setTimeout的作用是，闹钟时间到了，执行函数，下次时间到了，执行函数。。。共执行了5此函数
3，为什么5次输出都是5呢？
因为console.log输出的是一个全局变量i
实际情况是：
0毫秒 console.log(i) //i=0
1000毫秒 console.log(i) //i=1~4不定值
2000毫秒 console.log(i) //i=1~4不定值
3000毫秒 console.log(i) //i=1~4不定值
4000毫秒 console.log(i) //i=1~4不定值
最后：i的值是5，并且它可以被下次什么东西给执行，这个时候循环结束，下面的执行就是settimeout的作用了，它的作用是把设置的5个闹钟一次性敲响，敲响了5个，输出i,但这个时候的i值已经是5了
要记住，console.log输出的是一个全局变量，所以会被后面的赋值覆盖，但是这个是setTimeout，时间到，执行函数，所以积累了5个函数执行动作要执行，1000~4000应该输出的值不一定是确定的1,2,3,4,，但是，输出的这个i，确定会被最后的5覆盖。

三，

 for (var i = 0; i < 5; i++) {
     (function(i) {
       setTimeout(function() {
       console.log(i);
       }, i * 1000);
    })(i);//传入的这个i是每次循环的具体一个值，声明是在for里面
 }

根据上面的解释，循环体里面是一个函数的执行并且有形参
循环第一次，i=0：
传入参数值0，第一步是var i「function(i)中的i」，第二步i=0，第三步console.log(i)等待输出所以，这里把传入的i保存下来了
循环第二次，i=1：
传入参数值1，第一步是var i,第二步i=1，第三步console.log(i)等待输出
。。。
所有输出：0,1,2,3,4

重点：

1，所以，这里的i每次循环都在函数内部声明了一次，这里把传入的i保存下来了
2，尽管最后一次的i=5，但是这个i值并不能覆盖函数内部的变量

四，

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

拆开：

图片.png

这里，确确实实每次输入的值是当前循环的i但是，console.log(i)，这个i是一个全局变量，所有最后的输出会被最后的i值5全部覆盖

五，

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

图片.png

输出：0,1,2,3,4

图片.png

六，

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);

图片.png

下面这句没有任何意思，只是判断而已
resolve()没有任何返回值
i == 9999 && resolve();

步骤：
1，setTimeout入栈
2，声明函数 executor,打印2，new promise
3，for循环
4，等待for循环执行完毕，打印 3，打印5
5，for执行完后，调用Promise.resolve()

参考
面试题