Javascript中的闭包

闭包指的是那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现。比如下面实现的在对象数组中按照对象某个属性排序的方法:

function comparison(propertyName) {
  return function(obj1, obj2) {
    let value1 = obj1[propertyName]
    let value2 = obj2[propertyName]
    if(value1 < value2) {
      return -1
    }else if(value1 === value2) {
      return 0
    }else {
      return 1
    }
  }
}
let personArr = [
  { name: 'Mike', age: 34 },
  { name: 'Anna', age: 35}
]
personArr.sort(comparison('name'))
console.log(personArr) // [ { name: 'Anna', age: 35 }, { name: 'Mike', age: 34 } ]

上面代码中,内部函数引用了外部函数的变量propertyName。在这个内部函数返回并在其他地方被使用后,它仍然引用着那个变量。这是因为内部函数的作用域链包含comparison函数的作用域链。要知道,在js中,当调用一个函数时,会为这个函数调用创建一个执行上下文,并创建一个作用域链。然后用arguments和其他命名参数来初始化这个函数的活动对象。外部函数的活动对象是内部函数作用域链上的第二个对象。这个作用域链一直向外串起了所有包含函数的活动对象,直到全局执行上下文才终止。
comparison()返回匿名函数后,它的作用域链被初始化为包含comparison(),的活动对象和全局变量对象。这样,匿名函数就可以访问到comparison()可以访问到的所有变量。但是副作用是comparison()的活动对象并不能在它执行完毕后销毁,因为匿名函数的作用域链中仍然对它有引用。在comparison()执行完后,其执行上下文的作用域链会被销毁,但它的活动对象仍然会保留在内存中,直到匿名函数被销毁才会被销毁。

// 创建比较函数
let compareName = comparison('name')
// 执行比较函数
let result = compareName({ name: 'Mike', age: 34 }, { name: 'Anna', age: 35})
// 解除对函数的引用,这样就可以释放内存了
compareName = null

因为闭包会保留它们包含函数的作用域,所以比其他函数更占内存。上面代码中把compareName设置为null会解除对函数的引用,从而让垃圾回收程序可以将内存释放掉,作用域链也可以被销毁。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值