函数内变量声明提前

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
}

猜你喜欢

转载自blog.csdn.net/qq_40784129/article/details/88055775
今日推荐