zoukankan      html  css  js  c++  java
  • js闭包

    闭包:当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.


    <p>局部变量计数。</p>
    <button type="button" onclick="myFunction()">计数!</button>
    <p id="demo">0</p>

    var add = (function () {
        var counter = 0;
        function innerFun(){
            counter +=1;
            return counter;
        }    
        return innerFun;
    })();
    function myFunction(){
        document.getElementById("demo").innerHTML = add();
    }


    <p>局部变量计数。</p>
    <button type="button" onclick="myFunction()">计数!</button>
    <p id="demo">0</p>

    var add = (function out() {
        var counter = 0;
        function innerFun(){
            counter +=1;
            return counter;
        }    
        return innerFun;
    })();
    function myFunction(){
        document.getElementById("demo").innerHTML = add();
    }
    函数out()是函数innerFun()父函数,innerFun被赋给了一个全局变量,导致innerFun始终在内存中,innerFun依赖于out,所以out也始终存在于内存中,不会再out调用结束后被垃圾回收,counter也一直存在内存中。


    注意:

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

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

  • 相关阅读:
    透视表提取不反复记录(1)-出现值
    ORA-38760: This database instance failed to turn on flashback database
    Android蓝牙串口程序开发
    指尖上的电商---(5)schema.xml配置具体解释
    iOS-UIImage imageWithContentsOfFile 和 imageName 对照
    JSON-RPC轻量级远程调用协议介绍及使用
    POJ 2296 Map Labeler(2-sat)
    接口測试-HAR
    [Leetcode]Combination Sum II
    MarkDown、Vim双剑合璧
  • 原文地址:https://www.cnblogs.com/0914lx/p/7878651.html
Copyright © 2011-2022 走看看