闭包指的是那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现。比如下面实现的在对象数组中按照对象某个属性排序的方法:
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会解除对函数的引用,从而让垃圾回收程序可以将内存释放掉,作用域链也可以被销毁。