Глобальная путаница var: var a vs window.a

Question

Раньше я думал, что когда вы объявляете переменную в глобальном пространстве имен, в контексте веб-браузера она привязывается к объекту окна. Кажется, это происходит, но должна быть разница между объявлением глобальной переменной с ключевым словом var и присоединением ее непосредственно к объекту окна. См. Это с консоли Chrome:

var a; 
> undefined 
window.hasOwnProperty("a") 
> true 
window.a = 0 
> 0 
delete window.a 
> false 
window.hasOwnProperty("a") 
> true 
/* so it's still there */ 
window.a 
> 0 

window.b = undefined 
> undefined 
window.hasOwnProperty("b") 
> true 
window.b = 0 
> 0 
delete window.b 
> true 
window.hasOwnProperty("b") 
> false 
window.b 
> undefined 

Может кто-то пролить свет на это?

Answer 1

Вы определили единственное существенное различие: если вы используете var, вы не можете delete свойство, которое создается на глобальном объекте. Если вы этого не сделаете, если вы просто назначаете свойство для его создания, то, как и все свойства объекта, вы можете его удалить.

Это кажется немного произвольным, но на самом деле оно имеет смысл: в конце концов вы не можете удалить оператор var во время выполнения, а семантика заключается в том, что var создает свойство в объекте привязки переменной контекста текущего контекста выполнения. (Whew, это был полный глоток.) ​​ И поэтому имеет смысл, что он создает неизменяемое свойство.

Подробнее см. В §10.5 и §10.2.1.1.2 спецификации. В §10.5 в основном говорится, что var запускает CreateMutableBinding (§10.2.1.1.2) с аргументом D, являющимся ложным (false = не удаляется).