关于闭包的理解

最新推荐文章于 2023-10-13 08:00:47 发布

_哆啦B梦

最新推荐文章于 2023-10-13 08:00:47 发布

阅读量751

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_53089833/article/details/117372060

版权

闭包

闭包的概念

闭包函数：声明一个在函数中的函数，叫做闭包函数
闭包：内部函数总是可以访问其所在的外部函数中声明的变量和参数，即使在其外部函数被返回了之后

闭包的特点

让外部访问函数内部成为可能
局部变量会常驻在内存中
可以避免使用全局变量，防止全局变量污染
会造成内存的泄露（有一块内存空间被长期占用，而不被释放）

闭包的创建

闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行的时候，外部函数的引用地址不同，都会重新创建一个新的地址。但凡是当前活动对象中有被内部子集引用的数据，那么这个时候，这个数据不删除，保留一根指针给内部活动对象。

闭包的应用场景

场景一：封装对象的私有属性和方法

// 闭包隐藏数据，只提供 API
function createCache() {
    const num=100
    const data = {} // 闭包中的数据，被隐藏，不被外界访问
    return {
        num:num,
        set: function (key, val) {
            data[key] = val
        },
        get: function (key) {
            return data[key]
        }
    }
}

const c = createCache()
console.log(c.num)//num此时就作为c私有属性
c.set('a', 100) //set此时作为c的私有方法
console.log( c.get('a') )

场景二：闭包作用回调函数

<body>
			    <a href="#" id="as1">20</a>
			    <a href="#" id="as2">40</a>
			</body>
			<script>
			 function changeSize(size){
			     return function(){
			         document.body.style.fontSize=size+'px';
			     }
			 }
			 var size20=changeSize(20);
			 var size40=changeSize(40);
			
			 document.getElementById('as1').onclick=size20;
			 document.getElementById('as2').onclick=size40;
			
			</script>

场景三：函数节流防抖

<body>
			<!-- 函数防抖是指在函数被高频触发时当停止触发后延时n秒再执行函数,
					(即每次触发都清理延时函数再次开始计时)，一般用于resize scroll，mousemove -->
			<!-- 函数节流 原理 函数被高频出发时延时n秒后才会再次执行，防抖主要是用户触发一次时间后，延迟一段时间触发，
					 而节流会规定的事件内触发一次事件 -->
			</body>
			<script>
			// 	函数节流：是确保函数特定的时间内至多执行一次。
			//  函数防抖：是函数在特定的时间内不被再调用后执行。
			//防抖
			var debounce = function(func, delay) {
			  var timer = null
			  return function() {
			      var that = this;
			      var args = arguments;
			       
			      if(timer) {
			          clearTimeout(timer);
			      }
			 
			      timer = setTimeout(function() {
			          func.apply(that, args);
			      }, delay)
			  }
			}
			 
			ipt.addEventListener('keyup', debounce(function(e){
			  console.log(e.target.value);
			}, 400))
			</script>

怎么理解闭包

1. 什么是闭包

要理解闭包，首先要理解javascript特殊的变量作用域，变量的作用域无非就是两种：全局变量，局部变量
javascript语言的特殊之处就是函数内部可以读取外部作用域中的变量
我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包，在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成定义一个在函数内部的函数。闭包是指有权访问另一个函数作用域中的变量的函数，其本质是函数的作用域链中保存着外部函数变量对象的引用

2. 闭包的应用场景

函数作为参数被传递
函数作为返回值被返回
实际应用（隐藏数据）：为什么说隐藏数据了呢，因为普通用户只能通过get、set等api对数据进行查看和更改等操作，没法对data直接更改，达到所谓隐藏数据的效果；jquery就利用了这一特性，必须调用$.ajax()才能访问内部属性方法。
封装功能时(需要使用私有的属性和方法)，
函数防抖、函数节流
单例模式

3.闭包的优点

变量长期驻扎在内存中
另一个就是可以重复使用变量，并且不会造成变量污染
全局变量可以重复使用，但是容易造成变量污染。不同的地方定义了相同的全局变量,这样就会产生混乱。
局部变量仅在局部作用域内有效，不可以重复使用，不会造成变量污染。
闭包结合了全局变量和局部变量的优点。可以重复使用变量，并且不会造成变量污染

4. 闭包的缺点

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

_哆啦B梦

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
关于闭包的理解

闭包闭包的概念闭包函数：声明一个在函数中的函数，叫做闭包函数闭包：内部函数总是可以访问其所在的外部函数中声明的变量和参数，即使在其外部函数被返回了之后闭包的特点让外部访问函数内部成为可能局部变量会常驻在内存中可以避免使用全局变量，防止全局变量污染会造成内存的泄露（有一块内存空间被长期占用，而不被释放）闭包的创建闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行的时候，外部函数的引用地址不同，都会重新创建一个新的地址。但凡
复制链接

扫一扫