window对象

我们先来看一个对象window，这个对象代表什么呢？

顾名思义，它代表一个窗口，一个浏览器窗口；

当我们用浏览器打开一个页面的时候，这个window对象就被初始化创建了；

这个window对象，出生就自带很多方法，包括JS内置函数和浏览器窗口函数；

所以下面的代码才能够在什么都没有的情况下，输出window对象：

JavaScript：变量的作用域，window对象，关键字var/let与function

可以看到，alert()也是window对象的一个方法，其实console.log()也是；

也就是说，上面的代码，其实是window.console.log()，只是省略了window而已；

window对象是一个非常值得细致研究的对象，但是这里就不赘述了，我们还有很多内容要说；

总之记住一点，window对象代表的是整个浏览器窗口，它的范围是最大的，它是最早被创建的对象；

变量的作用域

变量的作用域，其实就是指它的可见性，分为全局作用域和局部作用域：

局部作用域

先来说明一下代码块的概念；

凡是用大括号{}括起来的都是代码块，包括函数体、循环体，以及大括号本身等等；

在代码块中声明的变量，它就只在代码块中可见，代码块外面是无法访问到的；
- 因为代码块只会在执行时用到，所以代码块中的变量的生命周期，也就是执行代码块的时候才会创建，而执行结束以后就会被垃圾回收；比如调用函数时，变量被创建，调用结束，变量就会被垃圾回收；
- 因为大括号可以嵌套，所以外层代码块的变量，内层代码块可以访问到；但是内层代码块的变量，外层代码块访问不到；
- 因为内外层代码块的可见性不一致，内层代码块可能创建和外层代码块同名的变量，此时内层代码块使用变量时，采用就近原则，也即使用离内层代码块最近的变量；
具体看下面的代码吧：

如上图所示，每个代码块中的变量a的作用域，都用框表示出来了；

值得一提的是，因为函数的特殊性，函数的局部性比其他代码块更强，这在关键字var那里体现的最明显。
全局作用域

那么全局作用域的概念就很清晰了，不在任何{}代码块中的，直接在script标签中声明的变量，都具有全局作用域；

那么它的生命周期，也就是打开一个浏览器窗口的时候被创建，关闭一个浏览器窗口时才会被垃圾回收；

关键字var和let

还记得我们声明变量的三种方式吗（因为const和let的行为一致，这里就不讨论const了）？

我们先讨论全局作用域的变量声明的区别：

不使用关键字

可以看到，这种声明方式，变量会成为window对象的属性，也就是随着window对象一起初始化了；

但是图二告诉我们，它似乎不能被访问，即此时内存并没有变量a，所以输出了a is not defined，这是为什么？我也不知道；

所以非常不推荐这种声明方式；
使用关键字var

可以看到，这种声明方式，变量会成为window对象的属性，也就是随着window对象一起初始化，开辟了一块内存空间用来存储变量a；

但是此时变量a还没有被赋值，所以输出了undefined，并不会报错；

这也是为什么不推荐使用这种方式来声明变量，因为它的全局作用域太大，甚至在被赋值前，就可以访问而不报错；
使用关键字let

可以看到，这种声明方式，变量不会成为window对象的属性；

但是此时变量a，实际上已经开辟了内存区域了，但是还没有初始化，所以才会报错Cannot access 'a' before initialization；

这是一种符号大多数编程语言的关于变量声明的处理方式，也是ES6新推出的，用来避免var的声明方式，也是被推荐的声明方式；