js-作用域

1.什么是作用域？

作用域指的是一个变量作用的范围

2.作用域分类： 全局作用域、函数作用域

全局作用域

（1）直接编写在script编写的js代码，都在全局作用域中

（2）全局作用域在页面打开时创建，关闭时销毁

（3）全局作用域中有一个全局window对象，代表的是一个浏览器的窗口，由浏览器创建，我们可以直接使用

var a = 10
console.log(window.a);//10

（4）在全局作用域中创建的变量，都可以作为window对象的属性保存

（5）在全局作用域中创建的函数，都可以作为window对象的方法保存

function fn() {
      console.log('我是fn函数');
    }
    window.fn()//我是fn函数

 所以 函数即对象

（5）变量声明提前

  用var关键字声明的变量，会在所有代码执行前被创建，但是并不会被赋值

console.log(a);//undefined
 var a = 10

相当于：

var a
console.log(a);
a = 10

（6）函数声明提前

用函数声明 创建的函数，会在所有代码之前被创建，所以我们可以在声明函数之前调用

fun1()
function fun1() {
console.log('我是一个fun1函数');
 }

用函数表达式创建的函数，不会被提前创建，所以我们不可以在声明函数之前调用

 fun2()//undefine不是一个函数
    var fun2 = function() {
      console.log('我是一个fun2函数');
    }

（7）在全局作用域中创建的变量称为全局变量，全局变量可以使用在任何地方 

 4. 函数作用域（局部作用域）

 （1）生命周期

       函数被调用是，函数作用域被创建，函数执行完毕，函数作用域被销毁

（2）函数作用域可以访问全局作用域中的值，但是全局作用域访问不到局部作用域中的值

var a = 10
    function fun1() {
        console.log(a);
        var a = 20
        console.log(a);
    }
    fun1()
    console.log(a);
最后执行结果：undefined 20 10

 function fun1() {
        console.log(a);
        var a = 20
        console.log(a);
    }
    fun1()
    console.log(a);

 （3）在函数作用域中访问一个变量时，会先去自己本身函数中查找，如果没有去上一级作用域中去找，就近原则

 var a = 20
    function fun2() {
      var a = 10
      console.log(a);
    }
    fun2()// 10

var a = 20
    function fun2() {
      console.log(a);
    }
    fun2()//20

var a = 20
    function fun3() {
      var a = 10
      function fun4() {
        console.log(a);
      }
      fun4()
    }
    fun3()// 10

var a = 20
    function fun3() {
      function fun4() {
        console.log(a);
      }
      fun4()
    }
    fun3()//20

会一直往上一级寻找，一直找到全局作用域中的变量，如果还是没有的话，就会报错，引用错误