你不知道的JS（上卷）——读书笔记4 提升

第四章

声明的变量和函数，在编译阶段前，会把声明提升到作用域最前面，例如：

a = 2;

var a;

console.log(a); //2

根据提升规则，声明的a变量会提升到最前面，所以打印出的结果是2

上述代码可当做如下代码：

var a;

a = 2;

console.log(a);

同样，有如下代码：

console.log(a);	//underfined

a = 2;

等同于下面代码：

var a;

console.log(a); //underfined

a = 2;

对于JS引擎来说，会把var a = 2;看做var a 和 a = 2两个单独的步骤。其中var a会在编译阶段执行，编译阶段下，会把作用域内的所有声明都提升到最前面（包括函数声明），而赋值操作a = 2会在代码执行时（JS引擎执行到代码的那一行）执行

对于函数来说，函数声明也像变量声明一样，会把声明的标识符提升，并且可以调用

foo();	// a

function foo(){
	console.log('a')
	//...
}

另外，如果函数和变量以相同标识符重复声明，函数会优先被提升，然后才是变量。而多个相同标识符的函数声明，后面的函数声明会覆盖前面的函数声明。

另外，重复声明的标识符会被忽略

需要注意的是，在普通块中声明的变量和函数（例如if中的块），和在块作用域中声明的变量和函数不同。例如，在if块中，变量声明会依然无视if中的块，会提升在if所在的作用域中，而不是if的块里面的作用域：

console.log(a); 	//underfined

if(true){
	var a;
}

而对于函数声明来说，在if块中声明的函数，并不会在if块外有完整的函数提升，而只是声明的标识符提升：

//函数被完整地提升
foo();	// a

function foo(){
	console.log('a');
}


//仅提升了函数声明的标识符
foo();	// underfined

if(true){
	function foo(){
		console.log('a');
	}
}

所以，应该尽可能避免在普通块内部声明函数