什么是闭包,闭包是怎么产生的,闭包的使用场景?

一、什么是闭包

简单来说: 闭包就是能够读取其他函数内部变量的函数。
闭包(closure):函数嵌套函数,内部的函数就是闭包,正常情况下,函数执行完成,内部变量会销毁(销毁:释放内存空间),内部函数没有执行完成,外部函数变量不会被销毁
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁
创建闭包最常见方式,就是在一个函数内部创建另一个函数。一个简单的闭包案例

function F1(){
    var a = 29;
    return function(){
        console.log(a);
    }
}

var a = 2;
var f1 = F1();
f1();

使用闭包,创建个独立的私有变量(模块化)

let JC = (function () {
  let a = 10, b = 20;
  function add() {
    return a + b;
  }
  function sub() {
    return a - b;
  }
  return {
    add,
    sub
  }
})()
 
let result1 = JC.add();
let result2 = JC.sub();
console.log(result1);//30 
console.log(result2); //-10

全面总结

闭包(closure):
1、闭包指的是函数内部的函数,它有权去访问另一个函数的内部的变量,即使这个内部的函数被返回了,或者被调用了,他的访问权限仍然存在。
2、可以利用闭包模拟私有属性,实现数据隐藏和封装,比如防抖和节流函数封装使用了闭包,但要避免滥用闭包导致内存泄漏。

二、闭包是怎么产生的

通常,函数的作用域及其所有变量都会在函数执行结束后被销毁。但是,在创建了一个闭包以后,这个函数的作用域就会一直保存到闭包不存在为止。
在javascript中,如果一个对象不再被引用,那么这个对象就会被垃圾回收机制回收;
如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。
闭包只能取得包含函数中任何变量的最后一个值

三、闭包的使用场景

最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。
1、可以读出函数内部的变量,正常情况下,外部函数是无法读取到内部函数的变量的,所以可以说:闭包就是将函数内部和函数外部连接起来的一座桥梁,即函数作为参数传递。
2、由于对象内的变量一直被引用,所以这对象不会被垃圾回收机制回收。可以始终保持在内存中。

四、使用闭包的注意点

1、由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2、闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

猜你喜欢

转载自blog.csdn.net/renfeideboke/article/details/128520821
今日推荐