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

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

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

匿名函数函数没有任何名称与之关联的函数。通常我们在函数名之前使用函数函数来定义 JavaScript 中的函数，但是在 JavaScript 的匿名函数中，我们只使用函数关键字而不使用函数名。匿名函数在其初始创建后不可访问，它只能被作为函数存储为 value的变量访问。匿名函数也可以有多个参数，但只有一个表达式。

让我们考虑下面的代码来理解我们如何声明一个普通函数和一个匿名函数：

例子：

Javascript

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

输出：

GeeksforGeeks!
GeeksforGeeks!!!

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

示例 1：在此示例中，我们将匿名函数存储在一个变量中，然后我们将使用函数调用语法调用该变量以打印我们的结果。如果您不了解箭头函数，请参阅 JavaScript 中的箭头函数一文。

Javascript

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

输出：

GeeksforGeeks...!
GeeksforGeeks....!

示例 2：在此示例中，我们将在匿名函数中传递一个参数，该参数负责获取我们的结果名称，并且在调用函数时，我们将提供名称作为参数值。

Javascript

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

输出：

GeeksforGeeks
GeeksforGeeks

示例 3：在此示例中，我们使用匿名函数作为自调用函数（一个特殊函数，在声明后立即调用，并且它没有任何类型的名称与之关联），这可以做到在函数定义之间写括号。

Javascript

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

输出：

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

匿名函数和普通函数的区别

S.No.	Normal function	Anonymous function
1.	A simple function (also called a method) is responsible for carrying out certain operations or tasks. When the function is called, it executes that particular task for which the function has called.	An anonymous function is a function that does not have any name associated with it ie. this was created without any identifier or name that refer to it
2.	We can access this function directly by calling the function.	An anonymous function is not accessible after its initial creation, it can only be accessed by a variable it is stored in as a function as a value.
3.	This function is useful for all scenarios.	An anonymous function can be useful for creating IIFE(Immediately Invoked Function Expression).
4.	Normal functions are hoisted which means we can declare the function after it has been used in javascript.	An anonymous function can not be hoisted.