JavaScript学习笔记 - 闭包

最新推荐文章于 2024-10-17 09:40:47 发布

weixin_34380948

最新推荐文章于 2024-10-17 09:40:47 发布

阅读量136

点赞数

文章标签： javascript 内存管理设计模式 ViewUI

原文链接：https://juejin.im/post/5b90d2255188255c8138ce92

版权

我觉得在理解闭包之前，先要理解有两点：

作用域
JavaScript的垃圾回收机制

作用域就不用多说了，必须懂得基础知识，简单的说下垃圾回收机制：

根据MDN的文档，目前主要的垃圾回收算法有两种：

引用-计数，简单的说就是找到所有没有被引用到的对象，把它们回收，但是这个算法存在一个问题，就是无法处理循环引用（a引用b，b引用a）
标记-清除，标记就是从根对象开始（在浏览器环境中，JavaScript的根对象就是window），找所有从根开始引用的对象，再找这些对象引用的对象...，所有能够查询到的对象都不会被清除，查询不到的对象全部被回收。（这也是目前浏览器使用的算法）

垃圾回收的目的是为了释放那些无用的变量占用的内存

参考资料：内存管理 JavaScript变量、作用域、垃圾回收机制和闭包理解

了解了垃圾回收机制后，我们就知道在全局变量是不会被回收的（只有页面关闭全局变量才会被回收）。因为在全局作用域中声明一个函数或者变量，相当于给全局对象window添加一个属性，例子：

现在，来说说闭包。

闭包的特点：

闭包是一个函数
闭包可以使函数外部的作用域访问函数内部的作用域
闭包可以阻止函数在执行完后的内部变量不被回收

例子：

function foo() {
  let a = 0
  function fn () {
     a += 1
     console.log(a)
  }
  return fn
}
let bar = foo()
bar()  // 1
bar()  // 2
bar()  // 3
复制代码

函数foo返回了一个函数，这个函数由于作用域的原因是可以访问到函数foo的作用域的，把这个函数赋值给全局变量bar，这样bar就可以在函数foo的作用域外去修改foo内部变量a的值，由于bar是全局变量，所以它不会被回收，而它又引用了fn函数，fn函数又引用了foo中的变量a，导致foo在执行完成之后，它内部的变量没有被回收，这就是一个最简单的闭包了。

闭包的作用
- 模块模式模块模式是一种设计模式，就是将为了实现某个功能的函数或者变量都放在一起。这样做的好处有：
  1. 方便维护
  2. 避免命名冲突
  3. 复用性更高

例子：

function control() {
  let currentSpeed = 0;

  function setSpeed(speed) {
    return currentSpeed = speed;
  }

  function getSpeed() {
    return currentSpeed;
  }

  function accelerate(speed) {
    return currentSpeed += speed;
  }

  function decelerate(speed) {
    return currentSpeed -= speed;
  }

  function getStatus() {
    if (currentSpeed > 0) {
      return 'running';
    } else {
      return 'stop'
    }
  }
  return {
    setSpeed,
    getSpeed,
    accelerate,
    decelerate,
    getStatus
  }
}

const car = control()
复制代码