JavaScript函数里声明的所有变量(但不涉及赋值)都被“提前”至函数体的顶部,看一下如下代码
var scope = 'global'
function f(){
console.log(scope) //undefined,而不是global
var scope = 'local' //变量在这里赋初始值,但变量本身在函数体内任何地方都是有定义的
console.log(scope) //local
}
你可能会误以为函数中的第一行会输出“global”,因为代码还没有执行到var语句声明局部变量的地方,会觉得使用全局变量scope。但不是这样子的,由于函数作用域的特性,局部变量在整个函数体始终是有定义的,也就是说,在函数体内局部变量遮盖了同名的全局变量。尽管如此,只有在程序执行到var语句的时候,局部变量才会被真正赋值。因此,上述过程等价于:将函数内的变量声明“提前”至函数体顶部,同时变量初始化留在原来的位置:
function f(){
var scope //在函数顶部声明了局部变量
console.log(scope) //变量存在,但值是 undefined
scope = 'local' //变量赋值
console.log(scope) //local
}