【前端小tip】如何理解var的变量提升和重复声明？

概念：

var变量提升: 在任何作用域中使用var声明的变量，都会被提升到其作用域最顶部。但是其赋值操作还是在原先的位置。
var的重复声明： var允许重复声明，后声明的变量相当于是对前一次声明的重新赋值。

例子：

console.log(a)
var a = 99
console.log(a)

其实就相当于：

var a
console.log(a)
a = 99
console.log(a)

a提前声明了，但是没有赋值，引用就会出现这个问题

关于重复声明，以下例子会更好理解：

var t = 1

// 全局作用域
console.log('全局作用域：', t)

// 函数作用域
// 在函数作用域下，声明的t虽然与全局变量t同名，但是还是两个不同的变量。
// 注意：这里不是闭包，只是一个函数内部的变量
function fn() {
  console.log('函数作用域：', t)
  var t = 2
  console.log(t)
}
fn()

console.log('最后：', t)

如果函数作用域内部改为如下, 则是闭包：

function fn() {
  console.log('函数作用域：', t)
  t = 2
  console.log(t)
}