Почему тут ошибка?

Question

[ozknemoy]

почему во второй строчке кода TypeError: f is not a function ?

(function() {
    f();
    var f = function() { console.log(1) }
})();
function f() { console.log(2) }
f();

а тут все нормально

(function() {
    f();
    f = function() { console.log(1) }
})();
function f() { console.log(2) }
f();

Answer 1

[Сергей delphinpro]

function declaration поднимается наверх скоупа, объявления тоже, а var объявляет локальную переменную

Ваш код в представлении интерпретатора javascript:

function f() { console.log(2) }
(function() {
    var f;
    f(); // f локальная и  сейчас undefined
    f = function() { console.log(1) } // и только тут в нее пишется ссылка на функцию
})();
f();

Второй вариант:

function f() { console.log(2) }
(function() {
    f(); // f функция из родительского скоупа
    f = function() { console.log(1) } // а тут она просто перезаписывается
})();
f();

Answer 2

[Rsa97]

Объявив переменную через var вы говорите интерпретатору, что внутри данного блока используется своя переменная, перекрывающая внешнюю одноимённую переменную.
В первом случае переменная f локальная и на момент вызова f() она только объявлена, но ещё не определена.
Во втором - переменная глобальная и явно определена как function f().