如何在ES6中定义一个函数

在本文中，我们将尝试理解与函数定义相关的基本细节，比如函数的语法声明，以及ES6中不同类型函数声明的一些示例。

让我们首先了解函数的概念以及如何使用不同的语法在ES6中声明一个函数。

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

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

功能：

功能是JavaScript中的基本基本块之一。
它包含用户希望在函数调用时重用或仅在调用该函数时调用的代码行。
函数可以没有输入参数，也可以有不同数量的参数。
函数必须具有返回语句或打印语句，在程序执行期间调用该函数时将执行其中的语句。
函数可以使用不同的语法声明，其中一些在上面的图示中说明。

以下是在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

<script> 
    function squareOfNumber(number) { 
        return number * number; 
    } 
  
    console.log(squareOfNumber(5)); 
    console.log(squareOfNumber(14)); 
    console.log(squareOfNumber(19)); 
</script>

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

25
196
361

示例2: 在这个示例中，我们将在普通函数中使用Rest参数（实际上就是将无限数量的值作为函数的参数传递），并进一步检查传递参数的长度。

JavaScript

<script> 
    function checkParameterLength(...parameters) { 
        return parameters.length; 
    } 
  
    console.log(checkParameterLength(2, 5, 8)); 
    console.log(checkParameterLength(10)); 
    console.log(checkParameterLength(50, 8, 6, 8, 10)); 
    console.log(checkParameterLength(52, 10)); 
    console.log(checkParameterLength()); 
</script>

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

示例 3: 在这个示例中，我们将使用箭头函数语法，并通过使用它来计算给定数字的阶乘。

JavaScript

<script> 
    let factorial = (number) => { 
        if (number <= 1) return 1; 
        else return number * factorial(number - 1); 
    } 
  
    console.log(factorial(10)); 
    console.log(factorial(19)); 
    console.log(factorial(5)); 
</script>