美文网首页
闭包 作用域链

闭包 作用域链

作者: jeanzy | 来源:发表于2020-03-25 09:13 被阅读0次

    1、闭包的概念:指有权访问另一个函数作用域中的变量的函数,一般情况就是在一个函数中包含另一个函数

    2、闭包的作用:访问函数内部变量、保持函数在环境中一直存在,不会被垃圾回收机制处理

    因为函数内部声明 的变量是局部的,只能在函数内部访问到,但是函数外部的变量是对函数内部可见的,这就是作用域链的特点了。

    子级可以向父级查找变量,逐级查找,找到为止

    因此我们可以在函数内部再创建一个函数,这样对内部的函数来说,外层函数的变量都是可见的,然后我们就可以访问到他的变量了。

    
    <script>
    
        function  bar(){
    
            //外层函数声明的变量
    
            var value=1;
    
            return  function foo(){
    
                console.log(value);
    
            }
    
        };
    
        var bar2=bar;
    
        //实际上bar()函数并没有因为执行完就被垃圾回收机制处理掉
    
        //这就是闭包的作用,调用bar()函数,就会执行里面的foo函数,foo这时就会访问到外层的变量
    
        bar2();
    
      </script>
    
    

    foo()包含bar()内部作用域的闭包,使得该作用域能够一直存活,不会被垃圾回收机制处理掉,这就是闭包的作用,以供foo()在任何时间进行引用。

    3、闭包的优点:

    方便调用上下文中声明的局部变量

    逻辑紧密,可以在一个函数中再创建个函数,避免了传参的问题

    4、闭包的缺点:

    因为使用闭包,可以使函数在执行完后不被销毁,保留在内存中,如果大量使用闭包就会造成内存泄露,内存消耗很大

    5、闭包在实际中的应用

    function addFn(a,b){

        return(function(){
    
            console.log(a+"+"+b);
    
        })
    
    }
    
    var test =addFn(a,b);
    
    setTimeout(test,3000);
    

    一般setTimeout的第一个参数是个函数,但是不能传值。如果想传值进去,可以调用一个函数返回一个内部函数的调用,将内部函数的调用传给setTimeout。内部函数执行所需的参数,外部函数传给他,在setTimeout函数中也可以访问到外部函数。

    二、理解堆栈溢出和内存泄漏的原理,如何防止

    1、内存泄露:是指申请的内存执行完后没有及时的清理或者销毁,占用空闲内存,内存泄露过多的话,就会导致后面的程序申请不到内存。因此内存泄露会导致内部内存溢出

    2、堆栈溢出:是指内存空间已经被申请完,没有足够的内存提供了

    3、在一些编程软件中,比如c语言中,需要使用malloc来申请内存空间,再使用free释放掉,需要手动清除。而js中是有自己的垃圾回收机制的,一般常用的垃圾收集方法就是标记清除。

    标记清除法:在一个变量进入执行环境后就给它添加一个标记:进入环境,进入环境的变量不会被释放,因为只要执行流进入响应的环境,就可能用到他们。当变量离开环境后,则将其标记为“离开环境”。

    4、常见的内存泄露的原因

    全局变量引起的内存泄露

    闭包

    没有被清除的计时器

    js多次调用创建定时器的函数,会使定时器速度越来越快,多次调用定时器的使用场景比如:监听页面尺寸变化,重新初始化定时器函数,但是如果不清除上一次的,定时器实际上会累加在一起,这里需要注意:

    创建定时器的变量用比如 var timer = null; 这个一定要是全局变量,这样在函数里才可以在创建定时器之前clearInterval(timer); 如果把timer创建在函数内部,则clearInterval是不能清除的,还是会继续累加。

    5、解决方法

    减少不必要的全局变量 1.在js中定义的全局变量是不会被销毁的,因为我们随时都可能会用到这个变量,所以不能被销毁

    减少闭包的使用(因为闭包会导致内存泄露)

    避免死循环的发生

    ————————————————

    原文链接:https://blog.csdn.net/alegria_x/article/details/99539024

    相关文章

      网友评论

          本文标题:闭包 作用域链

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