JS如何创建闭包_JavaScript闭包概念与实际应用方法详解-js教程-PHP中文网

JS如何创建闭包_JavaScript闭包概念与实际应用方法详解

爱谁谁

发布： 2025-11-08 21:33:03

原创

536人浏览过

闭包是指函数访问其外部作用域变量的能力，即使外层函数已执行完毕。JavaScript中，当内部函数引用外部函数变量并被外部调用时形成闭包，如outer函数返回inner函数并访问count变量，使count不被销毁。闭包可通过返回内部函数、作为回调传递或赋值给全局变量等方式创建。实际应用包括模拟私有变量和模块模式，如createCounter函数封装privateCount，对外仅暴露方法；在回调函数中保持上下文，如循环绑定事件时保存索引值。

js如何创建闭包_javascript闭包概念与实际应用方法详解

JavaScript 中的闭包是一个核心概念，理解它对掌握函数式编程和解决实际开发问题非常关键。简单来说，闭包是指一个函数能够访问其外部作用域中的变量，即使这个外部函数已经执行完毕。这种机制让函数“记住”了它被创建时的环境。

闭包的基本原理

在 JavaScript 中，每当函数被调用时，都会创建一个新的执行上下文，其中包含该函数的作用域链。当内部函数引用了外部函数的变量时，这些变量不会随着外部函数的执行结束而被销毁，而是被保留在内存中，供内部函数继续使用。

看一个简单的例子：

function outer() {
  let count = 0;
  return function inner() {
    count++;
    console.log(count);
  };
}

const counter = outer();
counter(); // 输出 1
counter(); // 输出 2

这里 inner 函数形成了一个闭包，它保留了对 count 变量的引用，即使 outer 已经执行完毕，count 依然存在。

立即学习“Java免费学习笔记（深入）”；

如何创建闭包

闭包的创建并不需要特殊语法，只要满足以下条件即可自然形成：

存在嵌套函数
内部函数引用了外部函数的局部变量
内部函数在外部函数之外被调用或保存

常见写法包括：

返回一个内部函数
将内部函数作为回调传递
赋值给全局变量或其他对象属性

闭包的实际应用场景

闭包不只是理论，它在实际开发中有多种用途。

1. 实现私有变量和模块模式

JavaScript 在 ES6 之前没有原生的私有属性，但可以通过闭包模拟：

豆包爱学

豆包旗下AI学习应用

674

查看详情

2. 回调函数中的数据保持

在事件处理或异步操作中，闭包可以保持上下文信息：

for (var i = 1; i   setTimeout(function() {
    console.log(i); // 输出 4 三次
  }, 100);
}

这个问题可以通过闭包解决：

for (let i = 1; i   setTimeout(() => {
    console.log(i); // 输出 1, 2, 3
  }, 100);
}

或者使用 IIFE 创建闭包：

for (var i = 1; i   (function(num) {
    setTimeout(function() {
      console.log(num);
    }, 100);
  })(i);
}

3. 函数工厂

利用闭包生成具有不同配置的函数：

function makeMultiplier(multiplier) {
  return function(value) {
    return value * multiplier;
  };
}

const double = makeMultiplier(2);
const triple = makeMultiplier(3);

console.log(double(5)); // 10
console.log(triple(5)); // 15