Javascript：用另一个函数重新分配一个函数

Question

假设我有这两个函数：

function fnChanger(fn) {
    fn = function() { sys.print('Changed!'); }
}
function foo() {
    sys.print('Unchanged');
}

现在，如果我调用 foo()，我会看到 Unchanged，如预期的那样。但是，如果我先调用 fnChanger，我仍然会看到 Unchanged：

fnChanger(foo);
foo(); //Unchanged

现在，我认为这是因为 foo 没有传递给 fnChanger 通过参考，但我可能是错的。

为什么 fnChanger 不更改 foo 来打印 Changed!？
此外，如何让 fnChanger 更改 foo 而不需要太多混乱的语法？

PS：我使用node.js 来测试所有这些东西，所以这就是sys.print 的来源。

Answer 1

对 fn 参数的赋值只是使该标识符指向匿名函数，外部作用域中的 foo 不受影响。

当您将对象作为参数传递时，可以说“引用是按值传递的”。该赋值仅替换 fn 标识符引用的位置。

这就是 评估策略在 JavaScript 中的工作原理。

，两个标识符（全局 foo 和 fn 参数）指向同一个函数对象：

                ---------------------------------------------
    foo ----->  |function foo { sys.print('Un changed!'); } |
                ---------------------------------------------
                   ^
                   |
    fn -------------

在 fnChanger 函数中赋值之前 赋值后，fn 将简单地指向新函数：

                ---------------------------------------------
    foo ----->  | function foo { sys.print('Unchanged!'); } |
                ---------------------------------------------

                ---------------------------------------
    fn ------>  | function { sys.print('Changed!'); } |
                ---------------------------------------

您如何更改它？

好吧，假设 foo 是全局范围内的函数，您可以执行以下操作：

function fnChanger(obj, name) {
    obj[name] = function() { sys.print('Changed!'); };
}

function foo() {
    sys.print('Unchanged');
}

fnChanger(this, 'foo');
foo(); // Changed!

上面的代码可以工作，因为在 fnChanger 函数中，我们需要一个 基对象和一个属性名称，在全局执行上下文中声明的函数被绑定为全局对象的属性，因此我们可以在那样。

fnChanger(this, 'foo'); 行也应该在全局作用域中执行，它将传递 this 值（引用此作用域中的全局对象） ) 和属性名称，允许您对 GlobalObject.foo 标识符进行赋值。

如果该代码位于函数内部，我们就无法获取基对象，因为在这个“函数代码执行上下文”中，函数声明（变量声明和函数形式参数）被绑定为不可访问对象的属性，称为变量对象（这些变量对象的链，形成作用域链），如果是这种情况，唯一的解决方法是使用 评估。

更多信息：

• ECMA-262-3 详细信息。第8章评估策略。

Answer 2

正如@CMS 指出的，由于范围的原因，您无法在函数内分配它。但是，您可以像这样重新分配它：

var fnChanger = function() {
  return function() {
      alert('changed!');
  }
}

var foo = function() {
  alert('Unchanged');
}

foo = fnChanger();
foo();

示例

Answer 3

有一种优雅的方法可以解决它

function fnChanger(fn_holder) {
    fn_holder["fn"] = function() { console.log('Changed!'); }
}
function foo() {
    console.log('Unchanged');
}

const foo_holder = {fn: foo}
fnChanger(foo_holder);

foo_holder["fn"]();  // Changed!

简短的解释：

1. 将更高级别的引用foo_holder传递给fnChange，就像散列（或数组）一样。
2. 将哈希 foo_holder["fn"] 中的元素重新分配为新值。这将更改内部引用指向的位置，而不是创建新引用。
3. 然后您就可以享受更新后的功能了。

Answer 4

在 Javascript 中，函数是第一类对象，可以将其视为另一个变量。但为了让函数返回其结果，必须首先调用它。

当您调用 fnChanger(foo) 时，fn 变量实际上被 foo() 覆盖。

但您没有得到结果，因为该函数从未被调用。尝试返回它并调用如下所示，您将得到所需的答案。

function fnChanger(fn) {
  fn = function() {
    console.log('Changed!');
  }
  return fn;
}

function foo() {
  console.log('Unchanged');
}

fnChanger(foo)();
foo();