刷题遇到的问题

前言：好记性不如烂笔头，在刷题的时候遇到了如下代码，最终运行结果与我想的答案有所不同，在此记录一下方便下次理解

1、变量提升与函数声明

var time = new Date();
function fx() {
  console.log(time); // undefined
  if (false) {
    var time = "hello";
  }
}
fx();

(1) 结果：undefined
(2) 解析：在任何作⽤域中使⽤var声明的变量，都会被提升到其作⽤域最顶部且默认值为undefined，但函数声明的优先级高于变量提升，再加上JavaScript是从上到下的顺序运行代码，所以最终结果为undefined ，上述代码的实际运行情况如下

function fx() {
  var time = undefined;
  console.log(time); // undefined
  if (false) {
    time = "hello";
  }
}
var time = undefined;
time = new Date();
fx();

2、for循环中let、var和异步的使用

// 案例1
for (var i = 0; i < 5; i++) {
  setTimeout(() => {
    console.log("var--值", i);
  }, 5);
}
// 案例2
for (let i = 0; i < 5; i++) {
  setTimeout(() => {
    console.log("let--值", i);
  }, 5);
}

(1) 结果

(2) 解析：setTimeout是异步的，for是同步的，JavaScript会将同步的代码执行完之后再去执行异步代码，所以上述案例会先执行5遍i++ 代码，再执行5遍输出i的代码。在案例1中，i的作用域为全局作用域，相当于5个人住一件房子，相互之间会产生影响，所以最终输出5个5；在案例2中，i的作用域为块级作用域，每次循环都会创建新的i，相当于5个人每人住一间房，相互之间不会产生影响，所以输出0-1-2-3-4
(3) 办法：在案例一中，如果想用var定义变量且输出结果为0-1-2-3-4，则可以用闭包（闭包的参数和变量不会被垃圾回收机制回收）的方式来解决这个问题，如下：

for (var i = 0; i < 5; i++) {
  (function (i) {
    setTimeout(() => {
      console.log("var--值", i);
    }, 5);
  })(i);
}

3、待添加…