📜  JavaScript 匿名函数

📅  最后修改于: 2022-05-13 01:56:45.824000             🧑  作者: Mango

JavaScript 匿名函数

匿名函数函数一个没有任何关联名称的函数。通常我们在函数名之前使用函数关键字来定义 JavaScript 中的函数,但是在 JavaScript 的匿名函数中,我们只使用函数关键字而不使用函数名。

匿名函数在其初始创建后不可访问,它只能被作为函数存储为 value的变量访问。匿名函数也可以有多个参数,但只有一个表达式。

句法:

function() {
    // Function Body
 }

下面的示例演示了匿名函数。

示例 1:在此示例中,我们定义了一个匿名函数,该函数将消息打印到控制台。然后将该函数存储在greet变量中。我们可以通过调用greet()来调用该函数。

Javascript


Javascript


Javascript


Javascript


Javascript


Javascript


输出:

Welcome to GeeksforGeeks!

示例 2:在此示例中,我们将参数传递给匿名函数。

Javascript


输出:

Welcome to GeeksforGeeks!

由于 JavaScript 支持高阶函数,我们也可以将匿名函数作为参数传递给另一个函数。

示例 3:在此示例中,我们将匿名函数作为回调函数传递给setTimeout() 方法。这会在 2000 毫秒后执行这个匿名函数。

Javascript


输出:

Welcome to GeeksforGeeks!

匿名函数的另一个用例是在初始化后立即调用函数,这也称为自执行函数这可以通过添加括号来完成,我们可以立即执行匿名函数。

示例 4:在此示例中,我们创建了一个自执行函数。

Javascript


输出:

Welcome to GeeksforGeeks!

箭头函数

ES6 引入了一种新的、更短的声明匿名函数的方法,称为箭头函数。 在箭头函数中,一切都保持不变,除了这里我们也不需要函数关键字。在这里,我们用一个括号定义函数,然后是“=>”,然后是函数体。

示例 5:

Javascript


输出:

Welcome to GeeksforGeeks!

如果我们在函数体中只有一条语句,我们甚至可以去掉花括号。

示例 6:在此示例中,我们创建了一个自执行函数。

Javascript


输出:

Welcome to Geeksforgeeks!