Почему выводится число, а не undefined?

Question

[TrainHard]

Всем привет!
Объясните, плиз.

function num(i) {
  
  var i = i;
  console.log(i);

}
num(3);

Почему в этом примере выводится 3, а не undefined?
Не могу понять как интерпретатор разбирает такой код - в какой последовательности?

Answer 1

[Алексей Зуев]

Может быть этот материал разъяснит эту ситуацию

для каждой переменной (var)

– создаётся свойство VO с именем переменной, и значением undefined; если в VO уже присутствовало свойство с таким именем, оно остаётся нетронутым.

Answer 2

[Виталий Инчин ☢]

В данном примере код аналогичен чему-то подобному:

var i = 3;
var i = i; 
console.log(i); //3

Аргументы функции - обычные переменные, которые объявляются перед ее выполнением в ее же области видимости и приравниваются тому, что задумано.

Вы же создаете одноименную переменную в этой самой области видимости и приравниваете существующей. Но интерпретатор не дурак, он просто не обращает внимания на var и меняет значение существующей переменной на....то, что она сейчас и имеет.

Answer 3

[Алексей Уколов]

Так откуда же возьмется undefined?
Ведь ваш код принципиально ничем не отличается от такого:

var foo = i;
console.log(foo);

Код в большинстве ЯП разбирается справа налево. Локальная переменная и аргумент - две разных области памяти, поэтому одна не затирает другую.

Comments

[TrainHard]

В JS не все так просто, иначе бы не справшивал.

function num(i) {
 var i;//сначала будет подъем
i = i;// затем инициализация. Но вот вопрос, как дальше, что присваивается ей, число или undefined, как объяснить?
console.log(i);

}

[Дмитрий]

TrainHard: ваш второй пример и первый принципиально разнятся. Вы сами не видите?

[TrainHard]

Дмитрий: Разве? Я показал во втором примере как выполняет код интерпретатор. Объясните мне, пожалуйста, если в чем я не прав?

[Алексей Уколов]

TrainHard: я после написания ответа тоже подумал про hoisting и даже выполнил такой же код, который вы привели в комментарии - он тоже работает. И мне теперь тоже интересно почему :)
Погуглил, но не смог ничего найти по теме ни на stackoverflow, ни на Хабре, ни на javascript.ru.

[Дмитрий]

TrainHard: даже если предположить, что локальная переменная и аргумент имеют одну и ту же область памяти при одинаковом названии переменной, то коды

var i;
i = i;

и
var i = i;
разные. В первом случае вы заново инициализировали переменную (пустую), а потом ей же присвоили её же значение (undefined). А во втором случае (справа налево) новой переменной сразу присваивается значение старой, таким образом оно (значение) не теряется. Ну как-то так, нет?

[Алексей Уколов]

Дмитрий: ваша логика представляется мне верной, но запустите в консоли пример из комментария и удивитесь. :)

[Дмитрий]

Алексей Уколов: попробую, когда доберусь до компьютера