如何创建基于变量当前状态且不受后续修改影响的JS函数

首先，你提到的两种闭包写法完全是安全的，不存在访问已释放内存的问题，这正是JavaScript闭包的标准用法。

为什么闭包不会导致内存访问问题？ #

JavaScript的垃圾回收机制会判断变量是否还被引用。只要函数f还存在（没有被销毁），闭包中捕获的y就会被保留在内存中，不会被回收。只有当f被彻底销毁（比如赋值为null，且没有其他引用），相关的作用域才会被垃圾回收。

最优实现方式 #

你给出的两种闭包写法都可以满足需求，其中第一种通过参数传递捕获值的写法更清晰、更通用：

let x = "A";
function g(y) {
  return () => {
    console.log(y);
  };
}
let f = g(x); // 此时y被赋值为x的当前值"A"，并被闭包捕获
x = "B";
f(); // 输出"A"

如果不想额外定义函数g，也可以用立即执行函数表达式（IIFE）简化：

let x = "A";
const f = (function(y) {
  return () => console.log(y);
})(x);
x = "B";
f(); // 输出"A"

为什么另外两种写法不行？ #

• 直接访问x的写法：函数执行时会读取x的当前值，所以修改后输出B。
• 在函数内部定义y = x + ""的写法：每次调用f时都会重新读取x的当前值赋值给y，同样会输出修改后的B。

总结：利用闭包捕获变量的当前值是最直接且安全的方案，无需担心内存访问问题，这是JavaScript语言特性的正常应用。

内容的提问来源于stack exchange，提问作者Xiutecuhtli