• 变量的作用域


        作用域:

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

         - 在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

  • 相关阅读:
    android 自定义日历控件
    android 常用类
    真假空格风波
    设计模式的初衷---“委托”有感
    pymysql.err.InterfaceError: (0, '')
    微信文章收藏到有道云笔记PC版只保留了标题
    SQL Server数据库字典生成SQL
    nhibernate常见错误
    NUnit
    使用ffmpeg截取视频
  • 原文地址:https://www.cnblogs.com/qtbb/p/11233069.html
Copyright © 2020-2023  润新知