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

tech2023-09-09  95

第四章

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

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'); } }

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

最新回复(0)