【问题标题】:Differences Between Named and Unnamed Anonymous Javascript Functions命名和未命名匿名 Javascript 函数之间的区别
【发布时间】:2019-09-03 13:39:44
【问题描述】:

通常,在 Javascript 中,当我想将匿名/内联函数作为参数传递给另一个函数时,我会执行以下操作之一。

someFunctionCall(function() {
    //...
});

someFunctionCall( () => {
    //...
});

不过,我最近继承了一个代码库,它使用 named 函数作为内联参数,就像这样

someFunctionCall(function foo() {
    //...
});

我以前从未见过这种语法。该函数仍然似乎是匿名的——在调用或被调用范围内都没有定义foo 函数。这只是风格问题,还是可以使用命名函数(上面的foo)作为匿名函数来改变该程序的行为或状态?

这是专门针对 NodeJS(不是基于浏览器的程序)程序的,我对使用函数作为参数的特定行为特别感兴趣。也就是说,来自跨平台和运行时的行为信息是受欢迎的。

【问题讨论】:

  • 堆栈跟踪。如果回调抛出,该名称将显示在跟踪中。至少在浏览器中,没有在node中测试过。
  • tfw 你突然意识到你没有这样做会导致其他开发人员陷入可避免的地狱。谢谢!
  • 函数名也可以像一个自我记录
  • 您也可以将它们用作状态的持久但非全局对象存储。 (function me(x){ me.lastX=x; })
  • 另外,我建议您了解函数和函数表达式之间的区别——看起来相同但不完全一样。

标签: javascript node.js closures anonymous-function function-expression


【解决方案1】:

使用命名函数表达式而不是匿名函数表达式至少有三个优点。

  • 函数名称显示在调用层次结构中,使调试更容易。
  • 函数名在函数内部范围内是可访问的,因此可以用于递归
  • 函数名称本身就像一个函数正在执行的操作的自我文档,而不是阅读代码。

【讨论】:

    【解决方案2】:

    使用那些“命名匿名函数”不会改变行为,但会在堆栈跟踪中显示函数名,这非常有用。该函数也可以通过这种方式在自身内部调用。

    【讨论】:

      【解决方案3】:

      我举个例子

      案例 1:

      var obj =  {count: 0, counter: ()=> {this.count+=1;}}
      

      如果你执行 console.log(obj.count) 你会得到 0

      案例 2:

      var obj  = {count: 0, counter (){this.count+=1;}}
      

      在第二种情况下,console.log(obj.count) 值将是一。

      希望你现在明白了。 lamda 表达式不能访问引用此对象的值。它只能访问具有全局引用的变量。

      如果你想让它与 Lamba 一起工作,你必须使用 obj.count+=1 并且名称有引用。

      其余的 JavaScript 函数实现保持不变并没有太大区别。

      【讨论】:

        猜你喜欢
        • 2013-03-29
        • 1970-01-01
        • 2010-09-14
        • 1970-01-01
        • 2017-04-04
        • 1970-01-01
        • 2020-08-21
        • 2011-04-20
        相关资源
        最近更新 更多