JavaScript闭包

  • 闭包的概念:函数A中有一个函数B,函数B可以访问在A内定义的变量或者数据,此时形成了闭包(暂时不严谨)
  • 闭包的模式
    • 函数模式的闭包:在一个函数中有一个函数,内部的函数访问了外部函数中定义的变量
    • 对象模式的闭包:一个函数中有一个对象,对象的属性或者方法访问了外部定义的变量
  • 闭包的作用:缓存数据,延长作用域链
  • 闭包的优点和缺点:优缺点都是缓存数据(变量没有及时地释放)

函数模式的闭包:

function f1() {
  var num = 10;

   function f2() {
       console.log(num);//内部函数访问了外部函数中定义的变量====》形成了闭包
   }

   f2();
}
f1();

对象模式的闭包:

function f3() {
    var num = 100;
    var obj = {
        age: num //对象访问了外部定义的变量====》形成了闭包
    }
    console.log(obj.age);
}
f3();

闭包的作用——缓存数据:

// function f1() {
//     var num=10;
//     num++;
//     console.log(num);
// }
// f1();//=====>11
// f1();//=====>11
// f1();//=====>11
//每次调用结束,函数中定义的局部变量在内存中被释放了

function f1() {
    var num = 10;
    return function () {
        num++;
        console.log(num);
    };
}

var ff = f1();//f1只调用了一次,虽然f1调用结束,由于对num变量的引用还没有结束,所以num在内存中还存在,因此num被缓存了起来==>变量没有及时地释放
ff();//====>11
ff();//====>12
ff();//====>13
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值