JavaScript 作用域

作用域简单来说就是一个变量的作用范围。

在JS中作用域分成两种：

1、全局作用域

• 直接在script标签中编写的代码都运行在全局作用域中。
• 全局作用域在打开页面时创建，在页面关闭时销毁。
• 全局作用域中有一个全局对象window，window对象由浏览器提供，可以在页面中直接使用，它代表的是整个的浏览器的窗口。
• 在全局作用域中创建的变量都会作为window对象的属性保存
  在全局作用域中创建的函数都会作为window对象的方法保存。
• 在全局作用域中创建的变量和函数可以在页面的任意位置访问。
  在函数作用域中也可以访问到全局作用域的变量。
• 尽量不要在全局中创建变量。

2、函数作用域

• 函数作用域是函数执行时创建的作用域，每次调用函数都会创建一个新的函数作用域。
• 函数作用域在函数执行时创建，在函数执行结束时销毁。
• 在函数作用域中创建的变量，不能在全局中访问。
• 当在函数作用域中使用一个变量时，它会先在自身作用域中寻找，
  如果找到了则直接使用，如果没有找到则到上一级作用域中寻找，
  如果找到了则使用，找不到则继续向上找。

变量的声明提前

• 在全局作用域中，使用var关键字声明的变量会在所有的代码执行之前被声明，但是不会赋值。
  所以我们可以在变量声明前使用变量。但是不使用var关键字声明的变量不会被声明提前。
• 在函数作用域中，也具有该特性，使用var关键字声明的变量会在函数所有的代码执行前被声明，如果没有使用var关键字声明变量，则变量会变成全局变量。

函数的声明提前

• 在全局作用域中，使用函数声明创建的函数（function fun(){}）,会在所有的代码执行之前被创建，也就是我们可以在函数声明前去调用函数，但是使用函数表达式(var fun = function(){})创建的函数没有该特性。
• 在函数作用域中，使用函数声明创建的函数，会在所有的函数中的代码执行之前就被创建好了。