Почему JavaScript объявленная переменная находится в глобальном объекте до инициализации?

Question

Я наткнулся на поведение переменной JavaScript, которое я не мог объяснить.

В соответствии с JS docs on var keyword:

Область действия переменной, объявленной с вар функция вшита или, для переменных, объявленных вне функции, глобальный масштаб (который связан с глобальным объектом).

Кроме того, известно, что глобальные переменные становятся свойствами глобального объекта - «окно» в среде браузера и «глобальный» в node.js Это означает, что если переменная объявлена ​​с «Var» ключевое слово внутри функция становится локальной и не попадает в глобальный объект.

Этот пример доказывает это:

(function(){ 
    var t = 1; 
    console.log(t in window, t); // outputs: false 1 
}()); 

jsfiddle link

До сих пор так хорошо. Однако, если переменная не инициализирована, она становится свойством оконного объекта, несмотря на то, что она находится в области функций.

(function(){ 
    var t; 
    console.log(t in window, t); // outputs: true undefined 
}()); 

jsfiddle link

Почему это происходит? Где я могу узнать подробности этого поведения? По-видимому, регулярные учебные пособия не охватывают это.

Заранее спасибо.

[EDIT]: Благодаря Pointy ясно, что область работает, как и ожидалось. Я просто неправильно понял поведение оператора «in». Согласно 'in' docs, он приводит в порядок левый операнд к числу или строке и ищет такой индекс или имя свойства в объекте правой руки. Таким образом, в данном примере один он был равен

'1' in window 

, который был ложным

и в примере два он был

'undefined' in window 

что было правдой.

Answer 1

Проблема в том, что ваш тестовый код ошибочно использует оператор in. То, что на самом деле тестирует, заключается в том, определено ли имя «неопределенный» в window, а не «t». Зачем? Поскольку левый операнд in принуждается к строке. Поскольку «t» равен undefined, он принуждается к строке «undefined», и действительно, это имя свойства присутствует в глобальном контексте.

Изменить тест на

console.log("t" in window, t); 

Answer 2

доступа к переменной, объявленной

var t; 

дает:

console.log(t); 
undefined 

console.log(undefined === t) 
true 

неопределенными является свойством окна

console.log(undefined in window);