变量的作用域

    作用域:

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

     - 在JS中员工有两种作用域

       1.全局作用域

         - 直接编写在script 标签的JS代码,都在全局作用域

         - 全局作用域在页面打开时创建,在页面关闭时销毁

         - 在全局作用域中有一个全局对象window:

                  它代表的是一个浏览器的窗口,它由浏览器创建,我们可以直接使用

         - 在全局作用域中:

            创建的变量都会作为window对象的属性保存

            创建的函数都会作为window对象的方法保存

         - 全局作用域中的变量都是全局变量

            在页面的任意的部分都可以访问到

     

    注意:在网页中如果查找一个属性,没有找到,会返回undefined 

       如果查找一个变量,没有找到,则会报错

    全局作用域 - 变量的声明提前:

      - 使用 var 关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值),

      - 如果声明变量时不使用 var 关键字,则变量不会被声明提前

      例:

      <script>

      console . log ( ' a= ' + a ) ;

      var  a =123;   // 变量 a 被 var 声明,相当于在加载完script标签之后,就声明了 var a;

      </script>

    全局作用域 - 函数的声明提前:

      - 使用函数声明形式创建的函数function  函数(){ }

        它会在所有的代码执行之前就被创建,所以我们可以在函数声明之前调用函数

      - 使用函数表达式创建的函数  var  fun3 = function ( ) { }

        函数不会被声明提前,所以不能在声明前被调用

    例:

     //   函数声明,会被提前创建

      function fun ( ) {

        console . log ( ' fun函数 ' ) ;

      }

      //   函数表达式,不会被提前创建

      var  fun2 = function ( ) {

        console . log ( ' fun2函数 ' ) ;

      }

    2.函数作用域

      - 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁

      - 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的

      - 在函数作用域中可以访问到全局作用域的变量,在全局作用域中,无法访问到函数作用域的变量

      - 当在函数作用域中操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用

        如果没有,则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceError

      - 在函数中要访问全局变量可以使用 window 对象 :window . a ;

     函数作用域 -变量的声明提前

     使用 var 关键字声明的变量,会在函数中所有的代码执行之前被声明

    函数作用域 - 函数的声明提前

     函数声明也会在函数中所有的代码执行之前执行

    在函数中,不使用var 声明的变量都会成为全局变量

    例:

      var  c = 33 ;

      function  fun4 (){

        c = 10 ;   //  c=window . c 全局变量

      }

      fun4 ( );

      console . log ( ' c = ' + c ) ;  //  c = 10  

      例:

      //  定义形参就相当于在函数作用域中声明了变量

       function fun5(e){

       // fun5 ( e ) 相当于在此定义了一个变量  var e;

        alert ( e ) ;

       }

       fun6 ( ) ;  //  没有传实参,所以结果是indefined

    例2:

      var  a = 123 ;

      function fun9 ( a ) {

        alert ( a ) ;   // undefined

        a = 456 ;  //  函数中有形参 a,所以 a =456 赋值给 函数中的形参 a

      }

      fun9 ( ) ;

      alert ( a ) ;   // 123

原文地址:https://www.cnblogs.com/qtbb/p/11233069.html