js使用var定义的变量为什么能在window.xxx访问?

Question

这个问题可能显的有些小白了，只是我在看文档的时候，遇到了问题，又不知道怎么解决。一般的文档和一些博客都说，应当避免变量污染，即，不适用var定义变量，这会导致变量成为window的属性。然而，我今天自己写代码的时候发现，我用var aaa = 321；然后 console.log(window.aaa) => 打印321.这就让我很奇怪了，这和博客文档说的怎么自相矛盾呢？es6里面的let和const不会出现这种情况，抱着研究的态度，希望有能人给指出。不胜感激。

Answer 1

似乎是你理解错了，正是因为你的var,导致可以用window访问var 定义的变量。
1.var 定义的是全部变量，
2.window在BOM 里有两个作用，一是作为浏览器的一个接口，二是作为Global（全局对象）
因此，在全局作用域下声明的变量方法，都会成为window 的属相和方法

你在思考下，没有矛盾的