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系列-闭包的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程