一,什么是闭包?
闭包就是函数中套了一个函数,内层函数可以访问外层函数中的变量。 vue中的data就是一种闭包的形式。闭包作为回调函数,可以实现函数的复用。
二,优和缺点
优点:
- 1.长期驻留内存,可以缓存数据。
- 2.可以重复使用变量,不会造成变量污染。
缺点:
- 占内存。
- 对捕获的变量是引用,不是复制。
- 父函数每调用一次会产生不同的闭包。
三,闭包的两种形式
3.1:函数作为返回值
<script>
function sj(){
var title="孙杰",
return function(){
return title
}
}
var syy = sj()
</script>
匿名函数访问外层title变量,并作为返回值返回给了函数sj,又赋值给了全局下的变量syy
闭包产生的问题:
一般情况下,在函数sj执行完后,就应该连同它里面的变量一同被销毁,但是在这个例子中,匿名函数作为sj的返回值被赋值给了syy,并且匿名函数内部引用着fn里的变量num,所以变量title无法被销毁,就产生了内存消耗的问题。
解决的办法:将不再使用的变量赋值为null
3.2:闭包作为参数传递
<script>
var n=15
function sj(x){
if(x>num){
console.log("崇皇时王")
}
}
var function syy(fn){
var n=100;
fn(30)
} (sj)
</script>
函数sj被作为参数传递到立即执行函数syy中,此时,由于函数中的自由变量,取决于函数定义的地方,跟执行的地方没关系,所以函数zpy中n的取值是全局范围下的15,而不是100