• JavaScript的作用域和闭包原理


    一、JavaScript的作用域

    1.什么是作用域?                        在JS里面,作用域可以理解为变量的有效范围。相信都能理解。。
    2.作用域的类别?                        全局作用域(Global Scope)和局部作用域(Local Scope) 
    3.如何判断是全局还是局部作用域?
    全局:
    1)最外层函数和在最外层函数外面定义的变量拥有全局作用域
    2)所有末定义直接赋值的变量自动声明为拥有全局作用域
    3)所有window对象的属性拥有全局作用域
    局部:
    函数内部用var声明的变量

    作用域解析方法---词法分析
    一段JS代码,一般可以分为2个阶段:变量声明阶段(词法分析阶段)和代码执行阶段
    所谓的词法分析,就是分析一个变量到底是谁的过程,具体的步骤如下:

    1.第一步:分析参数
    2.第二步:分析变量声明
    3.第三步:分析函数声明

    再具体拆分步骤如下:
    0.函数运行前,生成Active Object(活动对象),该对象就是一个容器,里面放所有的变量以及对应的值
    1.把声明的参数放到AO里面,值全部为undefined,之后接收实参(就是外面传过来的)形成AO的属性,参数的值就是属性的值
    2.分析变量声明,对于带有var的变量,
            如果AO上没有此属性,则添加此属性,值是undefined
            如果AO上已经有此属性,则没影响
            
    3.分析函数声明,如function foo(){}
      则把函数赋给AO.foo属性,如果此前该属性已经存在,则覆盖
      注意:函数也可以直接被赋值,在JS里面,一切皆对象,函数也可以作为对象来传递。


    栗子解析:
    1:词法分析过程:0.形成AO
                                  1.参数age放进AO,值为undefined,外界是否有值传进?t()时没有,则age=undefined,t(5)时则age=5
                                  2.无var,跳过
                                  3.无函数声明,跳过
          代码执行过程:1.alert(age)---t()时为undefined,t(5)时则为5

    2:词法分析:0.AO
                           1.age生成等于undefined,之后外界传值age=null
                           2.var声明age
                           3.函数声明g()
         代码执行:1.g=“hello”
                           2.alert(g)----hello
                           3.alert(g)---hello

    3:词法分析:0.AO={}
                           1.AO={b:undefined},b=1;
                           2.AO={b:function(){..}}
         代码执行:1.alert(b)---函数
                           2.b()----函数

    4:词法分析:0.AO={}
                           1.AO={b:undefined},b=1;
                           2.此处b为赋值,不在词法分析过程中
         代码执行:1.alert(b)---1
                           2.b=function (){alert(b);}---函数
                          
    OK,看了以上的分析,是否已经清晰了一点呢,反正一步步来,基本是不会错的啦。

    附加题: 
    Q:谈谈对(function(window,undefined){})(window)的理解?
    A:这是jquery最外层代码,(function(window,undefined){})是内层表达式,返回值是函数,
    而(function(window,undefined){})()是一个立即执行的匿名函数

    Q:为什么传window,后面不传undefined?
    A:传window是为了速度,加快内部查找的速度
       不传undefined是为了安全, IE,FF低版本,undefined可以赋值
       声明了又不传值的话,值肯定是undefined,所以外界影响不了了

    拓展:当函数嵌套时,每个函数内都会生成AO,如果在本函数内找不到变量,就会去上层的AO找,最后找不到去
    window上找,这样就会形成一个链条,也就是作用域链,或者说是AO链。

    二、JavaScript的闭包原理

    什么是js(JavaScript)的闭包原理,有什么作用?

    一、定义

    官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

    个人的理解是这样的:****定义在函数中的函数,并且可在外部访问得到。(正常情况下我们是无法访问局部函数   的)这就有点儿类似脱了裤子放屁的意思,多此一举,可是并非多此一举。闭包肯定有   它的作用的。

     作用:1、可以减少全局变量的对象,防止全局变量过去庞大,导致难以维护

             2、防止可修改变量,因为内部的变量外部是无法访问的,并且也不可修改的。安全

             3、读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 

    二、例子:(JS代码)

    1.Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 


    var n=999;
      function f1(){
        alert(n);
      }
      f1(); // 999


    2.另一方面,在函数外部自然无法读取函数内的局部变量。 

      function f1(){
        var n=999;
      }
      alert(n); // error


    这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量! 

      function f1(){
        n=999;
      }
      f1();
      alert(n); // 999

     

    *****如何从外部读取局部变量? 

    我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。

     

    function f1(){
        n=999;
        function f2(){
          alert(n); // 999
        }
      }

    三、使用闭包的注意点 

    1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 


    2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
    改变父函数内部变量的值。 

  • 相关阅读:
    我的黑客偶像
    IEEE754浮点数
    罗马数字转化为阿拉伯数字
    2020-2021-1 20201221 《信息安全专业导论》第三周学习总结
    base64
    2020-2021-1 20201221曾思源《第二周学习总结》
    师生关系
    教材速读问题
    20201221曾思源自我介绍
    20201221 曾思源 第一周学习总结
  • 原文地址:https://www.cnblogs.com/xiaofox0018/p/5991977.html
Copyright © 2020-2023  润新知