微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在JavaScript中动态将嵌套函数添加到函数主体

如何解决在JavaScript中动态将嵌套函数添加到函数主体

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

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

是否可以动态添加嵌套函数?像这样吗?

function cow() {
  moo();
}

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

cow();

解决方法

好吧,如果您问“是否可能”,那么答案是肯定的:

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

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

但是除了这种黑客攻击之外,这实际上是不可能的,因为JavaScript具有词法作用域,这意味着只有源代码中的位置才能确定函数可以访问哪些变量。您不能更改源代码中的位置(除非您动态地将字符串评估为代码,否则不应这样做)。

如果只是动态地调用某个函数,而无需访问外部函数的变量,那么您可以将一个函数作为参数传递(这实际上在JavaScript中是很常见的):>

  function cow(moo) {
     moo();
  }

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

当然,您还可以将参数传递到moo()调用中,并在mooo函数(或任何其他函数)中接收它们。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。