JS系列-闭包

闭包相关概念

在相关的书籍《javascript高级程序设计》中对闭包的描述是这样的：

闭包，其实是一种语言特性，它是指的是程序设计语言中，允许将函数看作对象，然后能像在对象中的操作般在函数中定义实例（局部）变量，而这些变量能在函数中保存到函数的实例对象销毁为止，其它代码块能通过某种方式获取这些实例（局部）变量的值并进行应用扩展。

简单的写一个代码例子即可了解相关内容：

function test(){
	var inner = '我是test函数内部的变量';
	return function pg(){
		console.log(inner);
	}
}
var pg = test();
pg()//我是test函数内部的变量

通过上述的代码可以看出，在返回的pg函数中获取了上一级作用域中的变量inner，从作用域角度来看则是返回的pg函数在自身的函数当中并未找到相关的inner变量，因此会跨越到父级作用域获取test函数中的inner变量，最终进行输出

这样形成的闭包则是可以保证inner成为一个私有变量，在全局作用域下是无法直接访问test函数中的inner变量的，只能通过闭包的方式间接获取得到，因此能够保证一定的安全性（此处先不讲执行栈的相关知识）

但是这样子也会显示出闭包相关的缺点

首先我们可以看到，在全局作用域下我们是有一个test函数的，test作用域里面有inner 和pg，pg作用域里面执行控制台输出inner 的变量

由于pg函数里面需要访问到test作用域下的inner 变量，而他们不处在同一个作用域中，所以两者相互牵引，需要输出inner ，test中的变量inner 就必须得在，作用域链查找到test的时候找到inner 了，输出inner 的时候，垃圾回收机制会认为pg还没有执行完成，因为此时的作用域链查找已经到了test作用域下，所以不会清理inner 的内存空间
因此如果我们多次使用闭包，则会给程序带来内存占用过多，导致相关的性能问题

因此闭包总结如下：
优点：
1.可以读取函数内部的变量
2.可以避免全局污染
缺点：
1.闭包可能会导致变量不会被垃圾回收机制所清除，因而消耗大量内存
2.不恰当地使用闭包可能会造成内存泄漏的问题

闭包相关应用

防抖函数

function debounce(event, time) {
  let timer = null;
  return function (...args) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      event.apply(this, args);
    }, time);
  };
}

节流函数

function throttle(event, time) {
    let timer = null;
    return function (...args) {
        if (!timer) {
            timer = setTimeout(() => {
                timer = null;
                event.apply(this, args);
            }, time);
        }
    }
}

在这里就不多说防抖以及节流函数的用处以及原理了，主要讲的是闭包本身的一些概念以及用途