文章目录

• • 4、闭包
  • 5、内存溢出与内存泄露
• 详细讲解
• • 闭包前置知识
  • 理解闭包
  • 常见的闭包
  • 闭包的作用
  • 闭包的生命周期
  • 闭包的应用_自定义JS模块
  • 闭包的缺点及解决
  • 闭包面试题
  • 内存溢出与内存泄露

4、闭包

• 理解:
  • 当嵌套的内部函数引用了外部函数的变量时就产生了闭包
  • 通过chrome工具得知: 闭包本质是内部函数中的一个对象, 这个对象中包含引用的变量属性
• 作用:
  • 延长局部变量的生命周期
  • 让函数外部能操作内部的局部变量
• 写一个闭包程序

  function fn1() {var a = 2;function fn2() {a++;console.log(a);}return fn2;
  }
  var f = fn1();
  f();
  f();
  

• 闭包应用:
  • 模块化: 封装一些数据以及操作数据的函数, 向外暴露一些行为
  • 循环遍历加监听
  • JS框架(jQuery)大量使用了闭包
• 缺点:
  • 变量占用内存的时间可能会过长
  • 可能导致内存泄露
  • 解决:
    • 及时释放 : f = null; //让内部函数对象成为垃圾对象

5、内存溢出与内存泄露

1. 内存溢出

• 一种程序运行出现的错误
• 当程序运行需要的内存超过了剩余的内存时, 就出抛出内存溢出的错误

2. 内存泄露

• 占用的内存没有及时释放
• 内存泄露积累多了就容易导致内存溢出
• 常见的内存泄露:
  • 意外的全局变量
  • 没有及时清理的计时器或回调函数
  • 闭包

详细讲解

闭包前置知识

理解闭包

常见的闭包

闭包的作用

闭包的生命周期

闭包的应用_自定义JS模块

/*** 自定义模块1*/
function coolModule() {//私有的数据var msg = 'atguigu'var names = ['I', 'Love', 'you']//私有的操作数据的函数function doSomething() {console.log(msg.toUpperCase())}function doOtherthing() {console.log(names.join(' '))}//向外暴露包含多个方法的对象return {doSomething: doSomething,doOtherthing: doOtherthing}
}

闭包的缺点及解决

闭包面试题

/*说说它们的输出情况*///代码片段一var name = "The Window";var object = {name: "My Object",getNameFunc: function () {return function () {return this.name;};}};console.log(object.getNameFunc()());  //?//代码片段二var name2 = "The Window";var object2 = {name2: "My Object",getNameFunc: function () {var that = this;return function () {return that.name2;};}};console.log(object2.getNameFunc()()); //?

内存溢出与内存泄露