Переменная и функция с одним именем. Что выведется?

Question

[letmesp]

Подскажите, пожалуйста, почему такой код выводит значение 5

var a = 5;
function a() {
	return 10;
}

А такой код выводит значение 10?

var a;
function a() {
	return 10;
}

Я понимаю, что из-за всплытия переменная a объявляется раньше функции с таким же именем и поэтому (если она не инициализирована) то выведется функция.
А если инициализирована то почему выведется она, а не функция? Инициализация будет позже чем function declaration?

P.S. я знаю про let и const, вопрос не в этом

Comments

[Max]

Используй let
и посмотри , что будет

[letmesp]

Maxim Siomin, ну ошибка будет. Или что вы имели в виду?

Answer 1

[Сергей Соколов]

! Отказ от ответственности: var больше не стоит использовать, вообще. Только let и const.

Ответ:
var a = 5; — тут происходит 2 вещи:

1. сначала декларация (уплывает на самый верх)
   
2. потом присваивание.
   

декларация function a() уплывает наверх выше назначения a = 5, которое оказывается после всех деклараций. Можно даже так:

function a() {
  return 10;
}

a = 5;

Это, по сути, и происходит в 1-м примере.

Comments

[letmesp]

Правильно рассуждаю, что будет так после всплытия в первом варианте? Даже если инициализация в одной строчке с объявлением

1. объявление переменной var
2. function declaration
3. инициализация переменной

[Сергей Соколов]

letmesp, правильно, только
3. присваивание значения 5

[letmesp]

Сергей Соколов, Благодарю!

[Сергей Соколов]

Ведь значением переменной можно присваивать не только числа-строки, но и объекты и функции:

var a, b;
a = function() { return 10; };
b = a;
a = 5;
a = b;
a() // 10