JS系列-闭包

2022/2/2 23:17:24

本文主要是介绍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);
        }
    }
}

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



这篇关于JS系列-闭包的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程