Почему функция становится анонимной [дубликат]

Почему функция обернутая событием становится анонимной?

Например:

В первом случае console.log(myFunction()) выдает not defined:

    document.getElementById("form").on('submit', function myFunction() {
    ...
    });

Во втором случае console.log(myFunction()) выдает значение myFunction():

    document.getElementById("form").addEventListener("submit", myFunction);
    function myFunction() {
    ...
    }

Мне не понятно почему так происходит, событие тоже является как бы переменной?И если мы оборачиваем что-то в него это исключает функцию из области видимости? Объясните пожалуйста