在JavaScript中，变量的作用域是函数级别的，而不是块级别的。在这个例子中，虽然有两个var，但实际上只有一个x。

function printNumbers() {
  for (var i = 0; i < 2; i++) {
    var x = i + 1;
  }
  console.log(x);
}
printNumbers();

在这段代码中，函数printNumbers定义了一个for循环，循环变量为i。在每次循环中，都会重新定义变量x并赋值为i + 1。但是由于var的作用域是函数级别的，所以在第二次循环时，变量x被覆盖为i + 1的值，即2。

当循环结束后，我们尝试打印变量x的值，但由于x的作用域仅限于printNumbers函数，所以在函数外部无法访问到变量x。因此，尝试打印x的结果是一个错误。

为了解决这个问题，我们可以将变量x的作用域提升到函数的顶部，这样它就可以在整个函数中访问到了。

function printNumbers() {
  var x; // 在循环外部定义变量
  for (var i = 0; i < 2; i++) {
    x = i + 1; // 不再使用var重新定义变量
  }
  console.log(x);
}
printNumbers();

通过这种方式，变量x在整个函数中都是可见的，并且最终的输出结果将是正确的，即21。

在JavaScript中，变量的作用域是由它们被声明的位置决定的。在这个问题中，变量x被声明在函数t的内部。根据作用域规则，变量x在整个函数t中都是可见的。

在函数t中，变量x被赋值为1。然后，代码进入一个if语句块，该语句块总是会执行，因为条件为true。在if语句块中，变量x被重新赋值为2，并且通过alert函数输出。此时，x的值为2。

然而，由于变量x的作用域是整个函数t，所以在if语句块之外的部分，变量x的值仍然是2。因此，当if语句块执行完毕后，通过alert函数输出的变量x的值仍然是2。

因此，最终的输出结果为22，而不是21。

要解决这个问题，可以使用块级作用域来限制变量的作用域。在ES6之后，可以使用let关键字来声明变量，它将变量的作用域限制在声明的块级中。

下面是使用let关键字修复问题的代码：

function t() {
    let x = 1;
    if (true) {
        let x = 2;
        alert(x);
    }
    alert(x);
}
t();

使用let关键字声明变量x时，它的作用域被限制在if语句块中。因此，在if语句块外部，变量x仍然保持为1，而在if语句块内部，变量x的值为2。这样，通过alert函数输出的结果将会是21，而不是22。

JavaScript中没有块级作用域，只有函数作用域。所以，在该代码中，变量x只有一个声明，在函数的顶部被提升了，所以x=2覆盖了初始值1。

解决方法是使用let关键字来声明变量，let关键字可以创建块级作用域。修改后的代码如下：

function t() {
    let x = 1;
    {
        let x = 2;
        alert(x); // 2
    }
    alert(x); // 1
}
t();

现在，变量x在内部的块级作用域中被重新声明，不会影响外部的变量x。所以，输出结果为21。