JavaScript中闭包通过捕获外层作用域变量来保存异步请求所需的上下文，如this、参数和局部变量；常见用法包括封装函数、箭头函数绑定this、let声明避免i问题，以及async/await天然维持作用域。
JavaScript 中异步请求本身不保存执行时的上下文（比如 this、局部变量等），而闭包可以捕获并持久化外层作用域的变量，因此常被用来“保存上下文”。关键不是闭包“专门用于”异步请求，而是你把异步回调写在能访问所需变量的作用域内，自然形成闭包。
用函数包裹请求，让回调“记住”外部变量
最常见的做法是把异步操作封装成函数，在内部定义回调，并让它引用外层参数或变量：
收到用户 ${id} 的数据：在对象方法中保持 this 指向
类或对象方法里发请求时，若直接传箭头函数或绑定回调，就能让回调闭包捕获当前 this：
Java Development Man
下载
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。
- 用箭头函数（自动绑定外层 this）：
class UserLoader {
constructor() {
this.cache = new Map();
}
load(id) {
fetch(`/api/users/${id}`)
.then(res => res.json())
.then(data => {
this.cache.set(id, data); // ✅ this 指向 UserLoader 实例
this.render(data);
});
}
render(user) { /* ... */ }
}
- 或显式绑定（传统函数需手动 bind）：
load(id) {
fetch(`/api/users/${id}`)
.then(res => res.json())
.then(function(data) {
this.cache.set(id, data); // ❌ this 不是实例，除非 bind
}.bind(this));
}
避免循环中变量捕获错误（经典 i 问题）
在 for 循环里发起多个异步请求时，闭包会捕获变量的**引用**而非值，容易导致所有回调拿到同一个 i 值。解决方法是让每次迭代有独立作用域：
- 用
let声明循环变量（块级作用域，每次迭代新建绑定）：
for (let i = 0; i res.json())
.then(data => console.log(`第 ${i} 个请求结果：`, data)); // ✅ i 正确
}
- 或用立即执行函数（IIFE）传参固化值（ES5 兼容写法）：
for (var i = 0; i res.json())
.then(data => console.log(`第 ${index} 个请求结果：`, data));
})(i);
}
用 async/await + 闭包更清晰地组织上下文
async 函数内部的 await 不会跳出当前作用域，所有变量天然被后续代码闭包持有：
[${source}] 加载失败Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
