《你不知道的JS》提升

Posted 2020-12-09 lalal

四、提升：

一）、声明与赋值：

? 在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?

    1. var foo; $\to$ 在编译阶段被提升。

    2. foo(); $\to$ 试图调用foo，但是此时函数表达式并没有赋值给foo！

三）、小结：

? 无论作用域中的声明出现在什么地方，都将在代码本身被执行前首先进行处理。