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)
同名变量只声明一次,后面的再遇到也不会重复声明