Яка різниця між глобальним var і window.variable в javascript?

Question 1

Я читаю документи backbone.js і бачу багато коду, який призначає атрибути об'єкту window:

window.something = "whatever";

в чому різниця між викликом цього коду і просто присвоєнням змінної та створенням глобальної змінної, як це:

something = "whatever";

Я припускаю, що існує якась інша сфера дії, та / або різниця у власності на об'єкт (вікно є власником проти, а не), але мене цікавлять деталі між ними та чому я б використовував window vs, щоб не використовувати його.

Question 2

Без різниці. Вони обидва мають однаковий ефект (у браузері, де windowє глобальний контекст ¹ ).

window.foo = "bar"встановлює властивість fooна window.
foo = "bar"позначає або друкарську помилку, або навмисно глобальну.

Оскільки мені доводиться ще раз перевіряти, чи це друкарська помилка, чи ні, я особисто вважаю, що це читабельніше встановлювати window.fooбезпосередньо.

Крім того, у суворому режимі ES5 foo = "bar"є незаконним призначенням, оскільки fooне задекларовано і викине a Error.

Редагувати:

Як зазначалося в коментарях, foo = "bar"буде шукати весь ланцюжок обсягу для змінної fooта повторно призначити її, "bar"якщо вона знайдена. Якщо його не знайти, він створить нову глобальну змінну.

Крім того, window.foo = "bar"ви просто присвоюєте властивість об'єкту, який можна видалити за допомогою delete window.foo.

У строгому режимі ES5 для змінної неприпустимоdelete .

¹ В інших середовищах, таких як node.js та Web Workers, може існувати інша назва глобального об'єкта і windowможе взагалі не існувати. Використання Node.js globalта веб-працівників self.

Question 3

Вони обидва роблять одне і те ж.
Але, отримуючи доступ до windowвластивості, ви точно знаєте, що отримуєте доступ до глобальної змінної незалежно від того, в якій області ви знаходитесь.
Наприклад:

globalVar = "smth";
function(){
    var globalVar = 2;
    alert(globalVar);// points to the current scope globalVar
    alert(window.globalVar);// points to the original globalVar
}

Іншими словами, якщо ви хочете працювати з глобалами, доступ до них через їх контейнер є дещо безпечнішим: window.variable

Question 4

Ключ, як натякав Рейнос, полягає в тому, що він явно встановлений на об'єкті вікна. У браузері глобальний об'єкт є тим самим, що і віконний об'єкт, але в інших середовищах (наприклад, node.js або, можливо, якийсь веб-перегляд на мобільному пристрої) може цього не робити.

Question 5

Різниця полягає в тому, що window.foo = bar;їх неможливо перехопити шляхом рефакторингу, зробленого пізніше. Використання foo = bar;означає, що якщо пізніше код буде переміщено в закриття, де var fooбуло визначено, він більше не встановлюватиме його на глобальному об'єкті.

Question 6

Додавання ще одного пункту:

Якщо ви безпосередньо посилаєтесь на незадекларовану змінну (без використання - window або typeof ), ви отримаєте помилку, не визначену змінною .

Приклади:

// var unDecVariable

if (unDecVariable != null) // Error: unDecVariable is not defined
{
    // do something
}

if (window.unDecVariable != null) // No Error
{
    // do something
}

if (typeof unDecVariable != 'undefined' && unDecVariable != null) // Alternative way
{
    // do something
}

Question 7

Невирішені посилання (вони ж незадекларовані змінні) насправді не є змінними, вони додаються як властивість до глобального об'єкта. [5c]

У строгому режимі ("використовувати строго") невирішені посилання викидають ReferenceError. Це робиться для того, щоб уникнути додавання властивостей до глобального об’єкта, які мали бути оголошені змінними. У цьому випадку, якщо ви хочете додати властивість до глобального об'єкта, ви б використовували window.foo = "bar". [5a]