📜  如何在 ES6 中定义一个函数?

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

如何在 ES6 中定义一个函数?

在本文中,我们将尝试了解与函数定义相关的基本细节,例如函数的语法声明或与 ES6 (EcmaScript-6) 中不同类型的函数声明相关的一些示例。

让我们首先了解函数到底是什么,以及如何在 ES6 中使用不同的语法声明函数。

function display(name) {
  console.log(name)
}

display("Geeksforgeeks");
let display = name = console.log(name);
display("Geeksforgeeks");

职能:

  • 函数是 JavaScript 中的基本块之一。
  • 它包含用户希望重用或仅在调用该函数时才调用的那些代码行。
  • 一个函数可能没有输入参数,也可能有不同数量的参数。
  • 一个函数必须有一个 return 语句或一个 print 语句,在程序执行期间调用该函数时将执行该语句。
  • 一个函数可以用不同的语法来声明,上面的图示中很少说明。

以下是一些可用于在 ES6 中声明函数的语法:

语法 1:第一个语法是从起始 ES 版本到此 ES6 版本都有效的基本语法。

function function_name (list_of_parameters) {
    ...
}

如果希望将函数存储在变量中,那么使用以下语法可以轻松做到这一点。

let variable = function (list_of_parameters) {
    ...
}

语法2:现在声明函数的另一种语法是箭头函数语法,描述如下,这些特定类型的函数的调用非常简单,就像之前的函数类型一样,只是写名字后跟圆大括号,包括参数(如果有)(比如这个 display(name) 等等)。

let variable = (list_of_parameters) => {
    ...
}

即使我们不想写圆括号,我们也可以使用以下语法继续。

let variable = parameters => {
    ...
}

既然我们已经分析了谁在 ES6 中编写函数,那么让我们引用一些示例来帮助我们以更好、更有效的方式理解函数声明。

示例 1:在此示例中,我们将看到正常的函数声明。

Javascript


Javascript


Javascript


输出:上述代码片段的输出如下所示 -

25
196
361

示例 2:在此示例中,我们将在普通函数中使用 Rest 参数(这实际上意味着我们将无限数量的值作为函数的参数传递)并进一步检查传递参数的长度。

Javascript


输出:上述代码片段的输出如下 -

3
1
5
2
0

示例 3:在此,我们将使用箭头函数语法,通过使用它,我们将找出给定数字的阶乘。

Javascript


输出:上述代码片段的输出如下 -

3628800
121645100408832000
120