JavaScript实现类似PHP匿名函数use捕获变量当前值的等效方法

首先明确两种语言闭包的核心差异：

• PHP 中匿名函数的use默认在定义时按值捕获变量，后续外部变量修改不会影响闭包内已捕获的值
• JavaScript 原生闭包默认捕获变量的词法引用，会读取变量的最新值，这也是你之前用bind写法没达到预期的核心原因：bind的第一个参数仅用于绑定函数执行时的this指向，后续传入的参数是预置的函数入参，你原来的代码里函数内部依然直接引用外部作用域的foo，自然会拿到修改后的值3。

可直接使用的实现方案 #

1. 经典IIFE（立即执行函数）方案（兼容所有JS环境） #

在定义匿名函数时，通过立即执行函数创建独立作用域，把当前变量值作为参数传入，形成值快照：

var foo = 1;
var bar = 2;
var fn = (function (capturedFoo, capturedBar) {
    // 内部返回的闭包只访问当前作用域的捕获变量，和外部变量完全隔离
    return function () {
        return capturedFoo;
    };
})(foo, bar); // 定义时刻立即传入当前foo、bar的值
foo = 3;
console.log(fn()); // 输出1，和PHP效果完全一致

2. 修正后的bind写法 #

如果要用bind实现，需要把捕获的值作为绑定参数传入，且函数内部读取绑定的入参，而非外部变量：

var foo = 1;
var bar = 2;
// 第一个参数传null表示不修改this指向，后续传入需要捕获的当前值
var fn = function (capturedFoo) {
    return capturedFoo;
}.bind(null, foo);
foo = 3;
console.log(fn()); // 输出1

3. ES6 简洁写法 #

ES6 支持箭头函数后，可以把IIFE写得更精简，逻辑和第一种方案完全一致：

let foo = 1;
let bar = 2;
const fn = ((f, b) => () => f)(foo, bar);
foo = 3;
console.log(fn()); // 输出1

核心原理：所有方案本质都是在函数定义的时刻，把目标变量的当前值拷贝存入一个独立的、不会被外部后续修改影响的作用域中，和外部原变量彻底解耦，以此实现PHP中use的默认按值捕获效果。

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