常见变量提升题

先上代码

var val = 'a'
function test(){
	console.log(val)
	var val = 'b'
	console.log(val)
}
test()
console.log(val)

这里需要注意的是 var 在声明变量时会发生变量提升 Hoisting

Hoisting 是 JavaScript 将所有声明提升到当前作用域顶部的默认行为（提升到当前脚本或当前函数的顶部）。

所以说在运行 test() 方法时，内部重新声明了一个变量 val，它会提升到当前作用域的顶部，但是此时代码未执行到赋值语句，此时val的值对应 undefined。第二个 console 执行时，此时已执行完赋值语句，所以输出的val是赋值后的变量，值为 'b'。
（在函数内部声明的变量val相当于在栈内存新开一个，并不会影响到外面那个变量val）
执行完 test()后面执行第三个console 语句，因为之前的声明变量和赋值的变量 val 作用域是在函数内部的，所以外面的val不受影响，输出的值还是 'a’

当使用 let 和 const 声明变量不会将其提升到作用域顶部，如果在声明之前访问这些变量，会触发引用错误