闭包概念及面试题

全栈程序员站长

发布于 2022-11-07 15:13:06

4160

发布于 2022-11-07 15:13:06

如何产生闭包(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>

面试问：怎么理解闭包

一、什么是闭包：

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

二.闭包的应用场景：

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

三.闭包的优点：

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

四.闭包的缺点：