Var и пусть странное поведение

в следующем коде, если я использую 'var', он выводит «undefined», а если я использую 'let', он выдаёт ошибку «x не определен»

function foo() {


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

    bar();

    var x = 14;

}

foo();

может кто-нибудь объяснить это почему