闭包的理解

最新推荐文章于 2022-06-28 14:43:34 发布

转载最新推荐文章于 2022-06-28 14:43:34 发布 · 349 阅读

文章标签：

#前端

JavaScript 专栏收录该内容

70 篇文章

订阅专栏

本文深入解析JavaScript中的闭包概念，探讨其三大特性及其在模仿块级作用域与创建私有变量方面的应用。同时，文章还提供了实用的例子来展示闭包如何工作，并讨论了可能引起的内存泄漏问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：https://segmentfault.com/a/1190000000652891

使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在js中，函数即闭包，只有函数才会产生作用域的概念

闭包有三个特性：

1.函数嵌套函数

2.函数内部可以引用外部的参数和变量

3.参数和变量不会被垃圾回收机制回收

闭包的作用：

1，模仿块级作用域：创建并立即执行一个函数，函数中的变量会立即被销毁，除非将其赋值给了全局作用域中的变量。

2，在对象中创建私有变量：用闭包实现公有方法，用其访问作用域中的私有变量

闭包(closure)是能读取其他函数内部变量的函数（即定义在函数内部的函数），在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

例子一：

function f1() {
  var n=2;
  var f2=function () {
    console.log(n);
  }
  return f2;
}
f1()();//2

闭包的作用

1.使用闭包可以访问函数中的变量。

2.可以使变量长期保存在内存中，生命周期比较长。

3.避免污染全局变量，可以访问私有变量。

闭包不能滥用，否则会导致内存泄露，影响网页的性能。闭包使用完了后，要立即释放资源，将引用变量指向null。

哪些操作会造成内存泄漏？
内存泄漏指任何对象在不再拥有或使用它之后仍然存在。
垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。
setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）

闭包的使用

以下两个例子

var name = "The Window";
var object = {
  name : "My Object",
  getNameFunc : function(){
    return function(){
      console.log(this);
      return this.name;
    };
  }
};
console.log(object.getNameFunc()());//"The Window"

由于this始终表示对调用者的引用，object.getNameFunc()的返回值是object对象内部的匿名函数，这个匿名函数的调用者是window，所以this的指向就是window，最后最后一句相当于打印的就是window.name，结果是The Window

var name = "The Window";
var object = {
  name : "My Object",
  getNameFunc : function(){
    var that = this;
    return function(){
      return that.name;
    };
  }
};
console.log(object.getNameFunc()());//"My Object"

that是对象内部的this的值，所以结果是My Object