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