Переобъявленная глобальная переменная Javascript переопределяет старое значение

Когда вы повторно объявили y с помощью var y;, теперь он не определен, поэтому if(!undefined) оценивается как true.

Добавьте еще одно оповещение в свой пример, чтобы увидеть это:

//create global variable with square bracket notation
window['y'] = 'old';

//redeclaration of the same variable
var y;
alert(y); //undefined

if (!y) y = 'new';

alert(y); // new

var не будет инициализировать переменную дважды, но перезапишет переменную, не инициализированную в первый раз (потому что это новая, более локальная переменная), что делает стиль window['y'], добавляя ее к объекту окна. Возьмите это, например:

//create global variable with square bracket notation
window['y'] = 'old';

//redeclaration of the same variable
var y;
alert(y); //undefined

alert(window.y); //old

if (!y) y = 'new';

alert(y); //shows New instead of Old
alert(window.y);​ //still old

Вы не можете «переобъявить» такие переменные в той же области видимости в JS.

var x = "foo"
function a()
{
  alert(x); // undefined
  var x;
}

В функции a переменная x является локальной, поскольку она имеет var x. Не имеет значения, если это происходит до или после использования.

Так же:

function b()
{
  var z = 1;
  if (true)
  {
    var z = 2;
  }
  alert(z); // 2
}

потому что нет такой вещи, как "блочная" область.

? Я только что проверил ваш код, и он показывает «старый», и я тестировал FF, Chrome, Safari (ПК) и IE8.

Посмотрите здесь: http://jsbin.com/ifare/edit

Оператор var подлежит поднятию, это означает, что когда код входит в контекст выполнения (непосредственно перед фактической средой выполнения), операторы var и function становятся доступными для его охватывающей области.

Ваш код фактически оценивается следующим образом:

Первый пример:

var y;
window['y'] = 'old';

if (!y) y = 'new';

alert(y);

Второй пример:

var y;
y = 'old';

if (!y) y = 'new';

alert(y);

С поднятым оператором var вы видите фактическое поведение кода.

Смотрите также:

• Экземпляр переменной