将变量注入函数范围

Question

下面的函数接受一个对象并返回一个函数。它返回的函数是一个接受回调函数的高阶函数。

const deconstruct = function (object) {
    const declarations = Object.entries(object).reduce(function (string, entry) {
        const key = entry[0];
        const value = entry[1];
        const declaration = "const " + key + " = " + value + ";";
        return string + declaration;
    }, "");
    const execute = function (callback) {
        return Function(
            declarations
            + "return "
            + callback.toString()
            + "();"
        )();
    };
    return execute;
};

execute 通过使其成为新功能的一部分来扩充callback。新函数声明常量，运行callback 并返回结果。因为在新函数中声明的常量和callback 在同一个范围内，callback 可以访问这些常量，从而有效地将这些常量注入到callback 的范围内。这是调用deconstruct 的示例。

deconstruct({
    a: 0,
    b: 1,
    c: 2
})(function () {
    console.log(a, b, c); // 0 1 2
});

但是有没有其他方法可以将变量注入函数的范围，而无需像我的代码那样使用中间字符串？

Answer 1

根据您在问题中修改后的信息，我现在看到目的是保持干燥（不要重复自己）。目标是避免不必要地重复 (a,b,c)，假设可能有数百个属性。

这是一种策略。您可以使用with 语句将this 带入作用域并将对象绑定到函数。

values = { a: 0, b: 1, c: 2 };

function foo() {
  with(this) {
    console.log(a,b,c);
  }
}

foo.apply(values);

// or

let bar = foo.bind(values);
bar();

或者对于一次性使用，您可以使用范围内的值定义函数：

values = { a: 0, b: 1, c: 2 };

with (values) foo = () => {
  console.log(a, b, c);
}

foo();