美文网首页
2018-03-09关于js作用域。

2018-03-09关于js作用域。

作者: OK_8242 | 来源:发表于2018-03-09 16:22 被阅读0次

    大家好,我是IT修真院成都分院第10期学员李劲宏,一枚正直纯洁善良的web程序员,今天给大家分享一下JS作用域。

    任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域两种。

    1.全局作用域(Global Scope)

    在代码中任何地方都能访问到的对象拥有全局作用域,一般来说一下几种情形拥有全局作用域:

    var aName="123";

    function doSomething(){

        var bName="456";

    }

    console.log(aName); //123

    console.log(bName); //脚本错误

    (2)所有末定义直接赋值的变量自动声明为拥有全局作用域,例如:

    function a1(){

        num = 5;

    }

    a1();

    console.log(num); //  5

    3)所有window对象的属性拥有全局作用域

    一般情况下,window对象的内置属性都都拥有全局作用域,例如window.name、window.top等等。

    1. 局部作用域(Local Scope)

    和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域成为函数作用域。

    例如下列代码中的bName和函数innerSay都只拥有局部作用域:

    function doSomething(){

        var bName="李云龙";

        function innerSay(){

            alert(bName);

        }

        innerSay();

    }

    alert(bName); //脚本错误innerSay(); //脚本错误

    闭包

    如何从外部读取局部变量?            出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。            那就是在函数的内部,再定义一个函数。

     function f1(){

                        var n=999;

                        function f2(){

                          alert(n); // 999                    }

                      }

    在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。

                既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!  function f1(){

                        var n=999;

                        function f2(){

                          alert(n);

                        }

                        return f2;

                      }

                      var result=f1();

                      result(); // 999           

    闭包就是能够读取其他函数内部变量的函数。 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

    闭包的注意点

    1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。            2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

    小课堂提问:

    1.闭包的使用场景。 

    <1>通过循环给页面上多个DOM节点绑定时间,在JS中可以采用“立即执行函数”的方式创建作用域。

    <2>封装变量,闭包可以将一些不希望暴露在全局的变量封装成私有变量。

    <3>延续局部变量的寿命。

    什么是“自执行函数”?

    我们先来说一下这个函数在叫法上的争议。实际上不同的人对自执行函数的理解不太一样,第一种理解是,自执行即自动执行,也就是大家平时所谓的立即执行函数。

    还有一种理解,即自执行函数是在函数内部执行函数本身,即我们平时常说的递归函数。不管是哪种理解,我们都没必要去纠结叫法上的准确与否,因为相比于自执行函数,立即执行函数和递归函数这两种叫法是我们更加熟悉的,实际上平时也很少会看到自执行函数这种叫法。立即执行函数和递归函数都很重要。

    闭包的优点和缺点:

    优点: 

    1.保护函数内的变量安全,加强了封装性 

    2.在内存中维持一个变量(用的太多就变成了缺点,占内存) 

    闭包之所以会占用资源是当函数a执行结束后, 变量i不会因为函数a的结束而销毁, 因为b的执行需要依赖a中的变量。

    不适合场景: 

    返回闭包的函数是个非常大的函数。

    闭包的典型框架应该就是jquery了。 

    闭包是javascript语言的一大特点,主要应用闭包场合主要是为了:设计私有的方法和变量。 

    这在做框架的时候体现更明显,有些方法和属性只是运算逻辑过程中的使用的,不想让外部修改这些属性,因此就可以设计一个闭包来只提供方法获取。 

    闭包的缺点就是常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。

    逻辑连续,当闭包作为另一个函数调用的参数时,避免你脱离当前逻辑而单独编写额外逻辑。

    方便调用上下文的局部变量。

    加强封装性,第2点的延伸,可以达到对变量的保护作用。

    缺点:

    闭包有一个非常严重的问题,那就是内存浪费问题,这个内存浪费不仅仅因为它常驻内存,更重要的是,对闭包的使用不当会造成无效内存的产生。

    相关文章

      网友评论

          本文标题:2018-03-09关于js作用域。

          本文链接:https://www.haomeiwen.com/subject/lbtmfftx.html