JavaScript中什么是闭包

概念：当一个内部函数被调用，就会形成闭包，闭包就是能够读取其他函数内部变量的函数

例子：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>闭包</title>
    </head>

    <body>
        <script type="text/javascript">
            //允许函数中嵌套函数
            //内部函数允许调用外部函数的变量
            //闭包就是能够读取其他函数内部变量的函数，内部函数和执行的上下文
            
            var foo=function(){
                var n=1;
                return function(){
                    n=n+1;
                    console.log(n);
                }
            }
            
            var bar=foo();
            bar();  //2
            bar();  //3
            
            var foobar=foo();
            foobar();  //2
            foobar();  //3
            
        </script>
    </body>

</html>

运行结果：

闭包作用：局部变量无法共享和长久的保存，而全局变量可能造成变量污染，所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。

闭包特点：占用更多内存；不容易被释放

闭包用法：变量既想反复使用，又想避免全局污染如何使用？

　　1.定义外层函数，封装被保护的局部变量。

　　2.定义内层函数，执行对外部函数变量的操作。

　　3.外层函数返回内层函数的对象，并且外层函数被调用，结果保存在一个全局的变量中。

例子：

var getNum;
function getCounter() {
    var n = 1; 
    var inner = function () {
         return n++; 
    }
    return inner;
}

getNum = getCounter();
console.log(getNum()); //1
console.log(getNum()); //2

JavaScript中什么是闭包

猜你喜欢