JavaScript 匿名函数的典型用例是什么

在本文中，我们将试图理解什么是匿名函数，以及如何使用JavaScript提供的语法来声明它，进一步我们将看到一些使用匿名函数的示例（用例），其中我们可以使用匿名函数来在控制台中获取结果。在进行匿名函数的示例或用例之前，让我们简要了解一下简单函数和匿名函数。

函数 是一组语句，它接受输入，进行一些特定的计算，并产生输出。基本上，函数是一组执行某些任务或进行某些计算然后将结果返回给用户的语句集。匿名函数与普通函数的工作方式相同，但它们在语法上有所不同。

匿名函数 是一个没有与之关联的名称的函数。通常，在JavaScript中使用function关键字来定义函数的名称之前，但在JavaScript的匿名函数中，我们只使用function关键字而没有函数名称。匿名函数创建后无法访问，只能通过存储为变量的方式来访问。匿名函数也可以具有多个参数，但只能有一个表达式。

示例： 让我们考虑以下一段代码来理解如何声明普通函数和匿名函数。

Javascript

<script> 
    // Normal function 
    function Display() { 
         return "GeeksforGeeks!"; 
     } 
      
      console.log(Display()); 
      // Anonymous function 
      let display = function() { 
     return "GeeksforGeeks!!!"; 
    } 
      console.log(display());  
</script>

输出：

GeeksforGeeks!
GeeksforGeeks!!!

现在让我们来看一些示例（用例），以更多地说明匿名函数及其用法。

示例1： 在这个示例中，我们将把匿名函数存储在一个变量中，然后使用函数调用语法调用该变量以打印结果。如果你对箭头函数不熟悉，请参考《JavaScript中的箭头函数》文章。

Javascript

<script> 
    let display = function() { 
        return "GeeksforGeeks...!"; 
    } 
    console.log(display()); 
      
       // Using arrow function  
       let displayName = () => { 
     return "GeeksforGeeks....!"; 
       } 
      console.log(displayName());  
</script>

输出：

GeeksforGeeks...!
GeeksforGeeks....!

示例2: 在这个示例中，我们将在我们的匿名函数中传递一个参数，该参数负责接收我们的结果名称，而在调用函数时，我们将提供名称作为参数值。

Javascript

<script> 
    let display = function(name) { 
        return name; 
    } 
       console.log(display("GeeksforGeeks")); 
      
       // Using arrow function 
       let displayName = (name) => { 
    return name; 
       } 
      console.log(displayName("GeeksforGeeks"));  
</script>

输出：

GeeksforGeeks
GeeksforGeeks

示例3： 在这个示例中，我们使用了一个匿名函数作为自我调用函数（一个特殊的函数，在它被声明之后立即调用，并且没有与之关联的任何名称），只需在函数定义之间加上括号即可完成。

JavaScript

<script> 
    (function () { 
      console.log("GeeksforGeeks....!"); 
     })(); 
      
    // Using arrow functions 
    (() => { 
        console.log("GeeksforGeeks....!"); 
    })();  
</script>

输出：

GeeksforGeeks....!
GeeksforGeeks....!

匿名函数与普通函数之间的区别