js变量提升机制-同名变量-同名函数处理机制浅谈

js在预编译阶段，执行上下文时首先会进行变量的提升，函数其实也是变量，你可以叫他函数变量，只不过函数的提升是和他的值一起提升的，当创建函数的时候，浏览器会开僻一块堆内存来存放函数体的代码片段，而他们的联系从创建就绑定好了

console.log(n);//function n(){...}
var n
function n() {                           
    console.log(n) //function n(){...}
    n = 1
    console.log(n);//1
}
n()
console.log(n);//1
变量提升后实际执行过程相当于：
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
var n //这里比较抽象，同名机制浏览器只声明一次，后面的同名只赋值不再声明
function n(){...}
console.log(n)
n(0)
console.log(n)

浏览器首先会对变量进行提升(这里包括函数，函数名其实也是变量),这里容易让大家蒙圈的是，到底是函数先提升还是变量先提升，其实浏览器自上而下执行，变量提升也是自上而下，只是遇到同名变量，只是声明第一次，之后如果再遇到同名的变量，就不再声明了只完成赋值操作

console.log(n)//[Function: n]
var n =1
function n() {
    console.log(n)
    n = 2
    console.log(n)
}
n(3)//n is not a function
console.log(n)
变量提升后实际执行过程：
。。。。。。。。。。。。。。。。。。。。。。。。。。。。

var n
function n(){...}
console.log(n)
n=1
n(3)
console.log(n)

console.log(n)//[Function: n]
function n() {
    console.log(n)
    n = 2
    console.log(n)
}
var n = 1
n(3)//n is not a function
console.log(n)
..................................................
function n(){...}
var n
console.log(n)
n=1
n(3)
console.log(n)

同名变量只声明一次，后面的再遇到也不会重复声明