声明的变量和函数,在编译阶段前,会把声明提升到作用域最前面,例如:
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'); } }所以,应该尽可能避免在普通块内部声明函数