在 JavaScript 中向函数体动态添加嵌套函数

Question

在JavaScript中可以在函数中包含函数。

function cow() {
  function moo() {
    console.log("moo");
  }
  moo();
}
cow();

是否可以动态添加嵌套函数？是这样的吗？

function cow() {
  moo();
}

cow.moo = function () {
  console.log("moo1");
};

cow();

Answer 1

好吧，如果你问“是否可能”，那么遗憾的是答案是肯定的：

  function cow(fn) {
    let see = "oh no";
    eval(fn.toString())();
 }

 cow(function moo() {
   console.log(see);
 });

但除了这个 hack 之外，它实际上是不可能的，因为 JavaScript 有 词法范围 ，这意味着只有源代码中的位置决定了哪个函数可以访问的变量。您不能更改源代码中的位置（除非您将字符串动态评估为代码，您不应该这样做）。

如果只是动态调用一些函数，而不从外部函数访问变量，那么你可以只传递一个函数作为参数（这实际上在JavaScript):

  function cow(moo) {
     moo();
  }

 cow(function mooo() {
   console.log("mooo");
 });

当然你也可以将参数传递给 moo() 调用并在 mooo 函数（或任何其他函数）中接收它们。

Add a nested function to a function body dynamically in JavaScript