JavaScript变量提升详解-优快云博客

本文深入解析JavaScript中变量声明的提升现象，解释为什么函数内部声明的变量在声明前即可访问，但值为undefined。通过示例代码展示变量提升的机制，帮助理解函数作用域和局部变量的初始化过程。

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
}