JavaScript:函数闭包

1、闭包的概念:

  指有权访问另一个函数作用域中的变量的函数,一般情况就是在一个函数中包含另一 个函数。

 

2、闭包的作用:

  访问函数内部变量、保持函数在环境中一直存在,不会被垃圾回收机制处理;

 

简单地说:就是在函数的局部范围内声明一个封闭的环境,此环境不会被垃圾回收探测到。保证了数据 的安全、唯一性

 

想了解闭包,首先要了解什么是全局变量,什么是局部变量

a = 10; // 全局变量,声明的时候可以不使用var
function test1(){
    b = 20; // 不适用var声明的变量,就是全局变量
    var c = 30; // 用var声明,并且在函数的内部。这样的变量叫做局部变量,有效范围只能
在其声明的函数内部
console.log(c);
}

function test2(){
    console.log(c); //c is not defined (c变量没有定义)
}
test1();
test2();

 

需求:统计方法执行了多少次

var count = 0; // 总次数
function test1(){
    count++; // 自增+1
}
test1();
test1();
test1();

console.log( count );

谁都可以访问count,所以count变量并不安全,因为是全局变量。

如何才能安全呢?将count声明为局部变量

function test1(){
    var count = 0; //局部变量
    return count++; //外部无法访问count,只能通过return才能将count变量返回,并输
出
}
test1();
test1();
test1();

console.log( test1() ); // 每次调用方法,首先就是将变量还原为0

结果一直是0,因为每次调用test1(),方法体的第一句代码就是还原,无论曾经的值是多少。

突发奇想,如果在test1()函数里面,再嵌套一个函数,js是支持函数嵌套的

function test1(){
    var count = 0; //局部变量
    function jia(){
        return count++;
    }
    jia();
    return count;
}

test1();
test1();
test1();

console.log( test1() ); // 每次调用方法,首先就是将变量还原为0

如果每次只调用test1()里面的jia()就好了。ok,闭包帮你解决此问题!

function test1(){
    var count = 0; //局部变量
    function jia(){
        return count+=1;
    }
    return jia;
}

var fn = test1(); // fn => function jia(){return count+=1; }
fn();
fn();

console.log( fn() ); // 每次调用方法,首先就是将变量还原为0

 

闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不 受外界干扰。

直观的说就是形成一个不销毁的栈环境。

闭包的优点: 方便调用上下文中声明的局部变量 逻辑紧密,可以在一个函数中再创建个函数,避 免了传参的问题

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

 

posted @ 2021-08-12 18:47  Jasper2003  阅读(46)  评论(0编辑  收藏  举报