var，让奇怪的行为

Question

在下面的代码中，如果我使用“ var”，它将输出“ undefined”，如果我使用“ let”，将产生错误“ x is not defined”

function foo() {


    function bar() {
       console.log(x);
    }

    bar();

    var x = 14;

}

foo();

有人可以解释为什么