JavaScript 匿名函数

JavaScript 匿名函数

单词’anonymous’的意思是未知或没有身份。在JavaScript中,匿名函数是一种没有名称或者说是没有任何名称的函数。当我们创建一个匿名函数时,它被声明为没有标识符。这是普通函数和匿名函数之间的区别,不仅仅在JavaScript中,也在其他各种编程语言中都是如此。匿名函数的作用是相同的。

在这里,我们将了解JavaScript中匿名函数及其作用。我们还将学习并讨论它的实现方式。

JavaScript中匿名函数的实现

下面的示例将说明如何使用匿名函数以及它与普通函数的区别:

示例:

let x = function () {
    console.log('It is an anonymous function');
};
x();

上面的代码是匿名函数的实现,其中:

  • 该函数用于将消息显示为输出。
  • 我们使用了 function 关键字,它用于在JavaScript中创建任何函数,并且函数被赋值给变量 x ,使用了’let’关键字。

主要的重点是我们没有声明任何函数。只使用了关键字function和括号。对于普通函数,我们会给函数命名,如下面的代码示例所示:

function normale() {
  console.log('It is a normal function');
}
normale();

在这里,我们创建了一个normale()函数,这是一个普通函数。它是匿名函数和普通函数之间的区别。

最后,我们调用了创建的函数。

这样,匿名函数的基本实现就完成了。

在JavaScript中使用匿名函数

我们可以在JavaScript中使用匿名函数来实现多个目的。以下是其中一些:

  • 将匿名函数作为参数传递给其他函数
  • 我们还可以将匿名函数作为另一个函数的参数使用。为了更好地理解,让我们实现一个代码,在其中我们将匿名函数作为参数值传递给另一个函数:
setTimeout(function () {
    console.log('Execute later after 1 second')
}, 1000);

上述代码实现了将匿名函数作为参数传递给新函数的用法,其中:

  • 函数 setTimeout() 在一秒钟后输出匿名函数。
  • 我们创建了一个匿名函数,并将它作为参数传递给 setTimeout()。
  • 在函数内部,在代码执行时,它将在执行后一秒钟打印该语句。

这是匿名函数的一种实现和用法。

立即执行的函数

为了在声明后立即调用和执行函数,创建匿名函数是最好的方法。让我们看一个示例来了解如何做到这一点:

(function() {
    console.log('Hello');
})();

在上面的代码中,即时调用了匿名函数,它的工作方式如下所述:

第一步是定义函数表达式,如下所示:

(function() {
    console.log('Hello');
})

定义完函数后,我们可以看到跟在函数名称后的圆括号 () 及分号 (;),这些用于调用定义的函数,如下所示:

(function() {
    console.log('Hello');
})();

这样,匿名函数就可以立即调用。

注意:也可以在函数中传递参数并调用。

这些是匿名函数的一些用法,说明匿名函数没有名字,可以立即调用,并且可以用作常规函数定义中的参数值。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程