将变量传递给匿名函数的javascript等效方法

Question

在 php 中，我们可以这样做：

$foo = 1;
$bar = 2;
$fn = function() use ($foo, $bar) {
    return $foo;
};
$foo = 3;
echo $fn(); // gives 1

如何在javascript中做到这一点？

我这样尝试，但失败了：

var foo = 1;
var bar = 2;
var fn = function() { return foo; }.bind(foo,bar);
foo = 3;
console.log(fn()); // gives 3, instead of 1

Answer 1

bind是一种显式定义this值和传递给函数初始参数的值的方法。

可以传递给函数的参数是在创建函数时定义的。

var fn = function(foo) { console.log(foo) }

JavaScript 没有任何功能可以修改函数在创建后接受的参数。

函数的作用域也是在创建时定义的，以后不能更改。 如果您不使用参数名称foo ，那么它将从定义它的范围中读取foo 。

Answer 2

 var foo = 1; var fn = function(foo) { return foo; }.bind({}, foo); foo = 3; console.log(fn());

或通过上下文

 var foo = 1; var fn = function() { return this.foo; }.bind({foo}); foo = 3; console.log(fn());