javaScript————闭包

javaScript————闭包

闭包的理解

1.如何产生闭包？
当一个嵌套的内部（子函数）引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包。
2.闭包是什么？
闭包是嵌套的内部函数，闭包存在于嵌套的内部函数中。
3.产生闭包的条件？
1.函数嵌套
2.内部函数引用了外部函数的数据（变量/函数）

function fn1(){
let a=2
function fn2(){
a++
console.log(a)
}
return fn2
}
let fn=fn1()
fn()  //3
fn()  //4

常见的闭包

1.将函数作为另一个函数的返回值
（同上面一段代码）

2.将函数作为实参传递给另一个函数调用

function showDelay(msg,time){
setTimeout(function(){
alert(msg)
},time)
}
showDelay('bibao',2000)
在内部函数function (){ } 中 msg 引用了外部函数msg的实参。

闭包的作用

1.使用函数内部的变量在函数执行完后，仍然存活在内存中（延长了局部变量的生命周期）
2.让函数外部可以操作（读写）到函数内部的数据（变量/函数）

先想两个问题
1.函数执行完后，函数内部声明的局部变量是否还存在？
一般是不存在，存在于闭包中的变量才可能存在。
首先还是要闭包所在的函数不能是垃圾对象，如果成为垃圾对象，还是不存在的。
2.在函数外部能直接访问函数内部的局部变量吗？
不能，但是我们可以通过闭包让外部操作它。

闭包应用

自定义js模块
1.具有特定功能的js文件
2.将所有的数据和功能都封装在一个函数内部（私有的）
3.只向外暴露一个包含n个方法的对象或函数。
4.模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能。

//在.js文件定义
(function (){
    //私有数据
    var msg='bibao'
    //操作数据的函数
    function doSomething(){
      console.log('doSomething' + msg.toUpperCase())
    }
    function doOtherthing(){
      console.log('doOtherthing' + msg.toLocaleLowerCase())
    }
    window.myMoudel={
      doSomething: doSomething,
      doOtherthing:doOtherthing
    }
  })()
  //在模块进行访问的时：
  myMoudel.doSomething()
  myMoudel.doOtherthing()

闭包的缺点及解决

缺点
1>函数执行完后，函数内的局部变量没有释放，占用内存时间会变长
2>容易造成内存泄漏
ps：
什么是内存溢出？
一种程序运行出现的错误，当程序运行的内存超了剩余的内存时，就出现内存溢出的错误。
什么是内存泄漏？
占用的内存没有及时释放。
内存泄漏积累多了就容易导致内存溢出。
常见的内存泄漏：
1.意外的全局变量。

function fn(){
a=3
console.log(a)
}
fn()

2.没有及时清理的计时器或回调函数

let intervalId=setInterval(function (){ //启动循环定时器后不清理
console.log('----')
},1000)

//clearInterval(intervalId)

3.闭包

解决
1>能不用闭包就不用
1>及时释放