Javascript中的闭包

今天药忘吃喽~ 2022-11-10 14:15 162阅读 0赞

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

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会解除对函数的引用，从而让垃圾回收程序可以将内存释放掉，作用域链也可以被销毁。