Javascript Global Scope Assignment

Question

Я понимаю проблемы с глобальными переменными масштаба и javascript и их общей нежелательностью; и что вы найдете их повсюду. Ниже (в браузере) эквивалентно:

var foo = 3; // foo === 3, window.foo === 3 
bazz = 10; // bazz === 10, window.bazz === 10 

Объявления переменного с варом ключевым словом в глобальном масштабе является таким же, как объявить его без вара в коде: переменный присваиваются корень (window).

Один метод, который я вижу много (например, настройка Google Analytics) заключается в следующем:

var _gaq = _gaq || []; 

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

То, что я не понимаю, почему это выдает ошибку:

_gaq = _gaq || []; 

Они смотрят эквивалент мне: _gaq следует принимать значение _gaq или быть инициализирован как массив. Но он выдает контрольную ошибку - мой вопрос: почему они разные?

Answer 1

Вы никогда не можете читать переменные, которые не были объявлены, и это то, что вы пытаетесь сделать с выражением _gaq || [] в последнем случае.

В этом случае

_gaq = _gaq || []; 

_qaq не был объявлен до и, когда правая часть (_gaq || []) вычисляется, он выдает ошибку.

Вот шаг за шагом объяснение того, что происходит в этом случае:

Оператор присваивания описана в section 11.13.1 спецификации:

The production AssignmentExpression : LeftHandSideExpression = AssignmentExpression is evaluated as follows:

1. Let lref be the result of evaluating LeftHandSideExpression .
2. Let rref be the result of evaluating AssignmentExpression .
...

LeftHandSideExpression является _gaq, то AssignmentExpression является _gqa || [].

Итак, сначала оценивается _qaq, что приводит к unresolvable reference, так как переменная _gaq не объявлена. Эта оценка не ошибка.

Затем оценивается _gqa || []. Это LogicalORExpression и описан в section 11.11 как LogicalORExpression || LogicalANDExpression.В данном случае LogicalORExpression, с левой стороны, находится на _gaq и LogicalANDExpression, с правой стороны, находится на [].
Выражение вычисляется следующим образом:

1. Let lref be the result of evaluating LogicalORExpression .
2. Let lval be GetValue(lref) .
...

Мы уже знаем, что lref будет неразрешимой ссылка, потому что _gaq не был объявлен. Так что давайте посмотрим, что GetValue делает (определенный в section 8.7.1, V это значение передается GetValue):

1. If Type(V) is not Reference , return V .
2. Let base be the result of calling GetBase(V) .
3. If IsUnresolvableReference(V) , throw a ReferenceError exception.
...

Как вы можете видеть, ошибка ReferenceError брошен в третьем шаге этой процедуры, которые в turn получает исполнение, оценивая правую часть задания, и здесь возникает ошибка.

Итак, почему это не происходит с var _gaq = _gaq || [];?

Эта линия:

var _gaq = _gaq || []; 

фактически

var _gaq; 
_gaq = _gaq || []; 

из-за чего-то под названием hoisting ^[MDN]. Это означает, что когда оценивается _gaq, оно будет не результат неразрешимой ссылкой, но ссылка со значением undefined.

(Если переменная _gaq уже объявлена ​​(и, возможно, имеет значение), то var _gaq не будет иметь никакого эффекта.)

---

Если вы хотите создать _gaq глобально внутри функции, сделать он явно со ссылкой на window:

window._gaq = window._gaq || []; 

Answer 2

Если _gaq справа от = не был объявлен ранее с var, он выдаст контрольную ошибку. Вы пытаетесь ссылаться на переменную, которая не существует. «Магия» работает только для , назначая несуществующим переменным.

Это как сказать x = y + 1; проблема заключается не в несуществующих x, а в несуществующих y.

Answer 3

Это выдаст ошибку, потому что переменная не найдена в контексте цепи тока Exec контекста. Доступ к переменной, которая не может быть разрешена, приведет к ошибке.

_gaq = _gaq || []; 

Это, с другой стороны, будет пытаться решить _gac пытается искать его в качестве члена оконного объекта, которым оказывается глобальный контекст «владелец» объекта. Разница в этом случае заключается в том, что он не будет вызывать ошибку, но window._gaq будет возвращать неопределенные, потому что свойство не найдено в объекте окна.

_gaq = window._gaq || []; 

Таким образом, так как глобальный объект контекста этого окна (когда речь идет о браузерах), если _gaq определен, эти два заявления будут иметь тот же эффект. Разница будет замечена, если _gaq не определен, и доступ к нему с использованием объекта окна может иметь то преимущество, что не получил ошибку.

Answer 4

Основой концепции является hoisting, и это часто бывает сложно на практике. Переменные определяются в верхней части области действия, тогда как назначение все еще происходит там, где оно определено.

При этом var _gaq = _gaq фактически определена переменная до выполняется фактическая строка кода для назначения. Это означает, что при выполнении назначения переменная уже находится в области окна. Без var перед _gaq подъем не происходит, и поэтому _gaq еще не существует, когда выполняется задание, вызывающее ошибку ссылки.

Если вы хотите увидеть это в действии, вы можете проверить, если переменная _gaq добавляется в объект окна со следующим:

function printIsPropOnWindow(propToCheck) 
{ 
    for (prop in window) 
    { 
     if (prop == propToCheck) 
     { 
      console.warn('YES, prop ' + prop + ' was on the window object'); 
      return; 
     } 
    } 
    console.warn('NO, prop ' + propToCheck + ' was NOT on the window object'); 
} 


try { 
    var _gaq = function() { 
     printIsPropOnWindow("_gaq"); 
     return a; 
    }(); 
} catch (ex) { 
    printIsPropOnWindow("_gaq"); 
} 
_gaq = "1"; 
printIsPropOnWindow("_gaq"); 

Если вы попытаетесь это сделать один раз, как это и один раз вар перед _gaq вы увидите очень разные результаты, потому что у вас есть _gaq, а другой нет.