JS 变量声明之变量提升和函数提升

很多初学者弄不清变量提升和函数提升，整理写几个例子，分析一下，你很快搞明白怎么分析。
精华放在最上面，两个最基本的原则：

1. 函数声明优先
2. 先声明，后赋值，声明和赋值是分开的。

让我们看几个例子并解释下

先看这个例子：

var test=0
var test
function test(){
    console.log(1)
}
console.log(test)

结果输出 0
分析一下： 显然程序中变量test有3次声明，谁先呢？ 记住一个原则，函数声明优先，所以优先的是 function test()， 那么执行顺序按逻辑上可以换成

function test(){
    console.log(1)
}
var test=0
var test

然后程序中声明了又一次test ,但其实test已被声明过了，所以实际上第二句只是赋值，将0赋值给test。第三句不起效果，因为声明过了嘛，所以不是undefined。

再看个例子：

test = 1
function show(){
    console.log(test)
    var test
    var test = 0
    console.log(test)
}
console.log(test)
var test = 3
show()
console.log(test)

按第二原则，我们发现程序中有一句 var test= 3, 这个地方声明过test，我们整体下程序逻辑，变成

var test
test = 1
function show(){
    console.log(test)
    var test
    var test = 0
    console.log(test)
}
console.log(test)
test = 3
show()
console.log(test)

你可能会说搞不清show() 里发生了什么，解释一下，同样套那两条原则中的第二条，先声明，后赋值，show()整理为

function show(){
    var test
    console.log(test)
    test = 0
    console.log(test)
}

啊哈，so明显，show()中的第一次输出应该是undefined，第二次输出是0
我们把整个程序整理下：

var test
test = 1
function show(){
    var test
    console.log(test) //undefined
    test = 0
    console.log(test) //0
}
console.log(test) //1
test = 3
show()
console.log(test) //3

输出我已经注释上了，很容易，对吧？