ES6 闭包相关面试题

一、如何产生闭包(closure)

  • 闭包(closure),是指函数变量可以保存在函数作用域内,因此看起来是函数将变量“包裹”了起来。

    //根据定义,包含变量的函数就是闭包

  • 也就是函数嵌套函数就可以称之为闭包。

作用域应对的特殊情况,有两种表现:
函数作为参数被传递
函数作为返回值被带回

函数中的自由变量,取决于函数定义的地方,跟执行的地方没关系

二、闭包的应用场景

闭包应用场景1,封装对象的私有属性和方法

隐藏数据
做一个简单的缓存工具

// 闭包隐藏数据,只提供 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') )

闭包应用场景2,闭包作用回调函数

<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>

闭包应用场景3,函数节流防抖

<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中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

猜你喜欢

转载自blog.csdn.net/m0_55990909/article/details/124752077