为什么代码执行结果是10？ JS语法

Question

代码为：

x = 10;

if (x > 1) {
  var x = x + 1;
}

console.log(x);
var x;

代码执行的输出为： 11

为什么是11？ ，为什么它不是一个错误？

Answer 1

描述

var 声明，无论出现在何处，都会在任何代码之前进行处理
被执行。这称为提升，将在下面进一步讨论。

https://developer.mozilla.org/ en-US/docs/Web/JavaScript/Reference/Statements/var#description

这意味着“var x”在哪里并不重要，当处理此脚本时，声明将是第一个。

Answer 2

您应该了解闭包实际上是如何工作的。

// You define 'x' variable [1] in global scope 
x = 10;


if (x > 1) {
  // You define another one 'x' variable inside of 'if' scope
  // So here (inside of 'if') you will interact with this variable,
  // not with first one ([1])
  var x = x + 1;
}

// You code run out of 'if' so you're working with 
// global scope again, and your 'x' is first one [1]
console.log(x); // x = 10 still 
var x;