Javascript Anonymous和Named的区别用法及代码示例

在JavaScript 或任何编程语言中，函数、循环、数学运算符和变量是最广泛使用的工具。本文将告诉您匿名函数和命名函数之间的区别。我们将在本文中讨论了解命名函数和匿名函数的所有必需概念。

匿名函数：顾名思义，“anonymous function” 指的是没有名称或标题的函数。在 JavaScript 中，匿名函数是在没有标识的情况下声明的函数。这是常规函数和匿名函数之间的区别。匿名函数创建后无法访问；它只能通过将其存储为函数值的变量来检索。匿名函数可以有多个参数，但只能有一个表达式。

用法:

function(){
   // Function Body
}

我们通过例子来理解一下。

示例1：在此示例中，我们构建了一个匿名函数，用于将消息打印到控制台。之后，该函数被保存在测试变量中。我们可以通过调用test()来调用该函数。

<script> 
   var test = function () { 
      console.log("This is an anonymous function!"); 
   }; 
   test(); 
</script> 

输出：

This is an anonymous function!

示例2：匿名函数也可以接受参数。

<script> 
   var test = function (platform) { 
      console.log("This is an anonymous ", platform); 
   }; 
  
   test("function!"); 
</script> 

输出：

This is an anonymous function!

我们确实可以将匿名函数作为参数传递给另一个函数，因为 JavaScript 允许使用高阶函数。

示例 3：在这里，我们向setTimeout()方法发送一个匿名函数作为回调函数。这会在 1500 毫秒后调用匿名函数。

<script> 
   setTimeout(function () { 
   console.log("This is an anonymous function!"); 
   }, 1500); 
</script> 

输出：

This is an anonymous function!

命名函数：在 JavaScript 中，命名函数只是引用函数的一种方式，该函数使用 function 关键字，后跟可用作该函数回调的名称。具有名称或标识符的普通函数称为命名函数。它们可以在表达式中使用或在语句中声明。函数的名称存储在函数体内，这很方便。我们可以使用该名称来获取一个函数来调用自身，或者像每个对象一样检索其属性。

用法:

function displayMessage(){
 // function..body
}

让我们通过一些示例来理解这个概念：

示例 1：在本例中，我们将定义一个打印消息的普通函数。

<script> 
   function test() { 
       console.log (`This is a named function!`); 
   }; 
</script> 

输出：

This is a named function! 

示例 2：您可以将命名函数添加到对象的变量中，然后在对象上调用该函数。

<script> 
   function test() { 
       console.log (`This is a ${this.func}`); 
   } 
   const func = { 
       func: 'named function!', 
       test 
   } 
   func.test(); 
</script>

输出：

This is a named function!
 

示例 3：在 JavaScript 中，命名函数是调用函数最常见的方式之一。你总会遇到他们。这里值得一提的另一点是如何使用 return 关键字从函数返回值。这不仅限于命名函数。

<script> 
   function createPerson(firstName, lastName) { 
       return { 
           firstName: firstName, 
           lastName: lastName, 
           getFullName() { 
               return firstName + ' ' + lastName; 
           } 
       } 
   } 
   let name = createPerson('This is a', 'named function!'); 
     
   console.log(name.getFullName()); 
</script> 

输出：

This is a named function!

匿名函数和命名函数之间的区别：