四、提升:
一)、声明与赋值:
? 在JS引擎中,我们一般认为的变量或函数声明,实际上分为两个部分。
声明 赋值
// 变量提升
a = 2;
var a;
console.log(a);
// 函数提升
foo();
function foo() {
console.log(1);
}
? var a = 2;
? 这句声明实际上会被看为 var a; a = 2; 两个部分。第一个部分就是真正的函数声明,会在 编译阶段进行。而第二部分被称作赋值,在 执行阶段进行。在每个作用域中(包括全局作用域以及局部作用域)都会先寻找声明并首先处理。这样好像就把声明都放在每个作用域的开头几行中,因此这种行为被称作 提升。
二)、注意事项:
-
每个作用域都会在其作用域范围内进行提升。
-
函数声明优先于变量声明。
-
多个同名函数声明,后面的函数声明会覆盖之前的声明。
-
函数声明会被提升,而函数表达式不会被提升。
foo(); var foo = function() { console.log(2); //Uncaught TypeError: foo is not a function }
-
WHY?
-
var foo; $\to$ 在编译阶段被提升。
-
foo(); $\to$ 试图调用foo,但是此时函数表达式并没有赋值给foo!
-
-
三)、小结:
? 无论作用域中的声明出现在什么地方,都将在代码本身被执行前首先进行处理。