JavaScript 不同函数编写方式

什么是函数？

函数是一段代码块，用于执行特定任务，并在调用或触发时执行。

JavaScript有3种编写函数的方式：

函数声明
函数表达式
箭头函数

函数声明

函数声明是定义函数的传统方式。它与其他编程语言中定义函数的方式有些相似。我们使用关键字”function”来声明函数。然后我们写出函数名和参数。

示例： 下面是一个示例，说明了如何使用函数声明。

<script> 
    // Function declaration  
    function add(a, b) {          
        console.log(a + b); 
    } 
      
    // Calling a function 
    add(2, 3); 
</script>

在定义函数之后，每当需要使用该函数时，我们就调用它。

输出：

函数表达式

函数表达式是JavaScript中定义函数的另一种方式。在这里，我们使用一个变量来定义函数，并将返回的值存储在变量中。

示例: 下面是一个示例，演示了函数表达式的使用。

<script> 
    // Function Expression 
    const add = function(a, b) { 
        console.log(a+b); 
    }  
      
    // Calling function 
    add(2, 3); 
</script>

在这里，整个函数是一个表达式，返回值存储在变量中。我们使用变量名来调用函数。

输出：

箭头函数

箭头函数是JavaScript的ES6版本中引入的。它用于缩短代码。在这里，我们不使用”function”关键字，而是使用箭头符号。

示例： 下面是一个示例，说明了箭头函数的使用方法。

<script> 
    // Single line of code 
    let add = (a, b) => a + b;  
      
    console.log(add(3, 2)); 
</script>

相比其他方法，这可以将代码缩短为一行。在一行代码中，函数会隐式返回。

输出：

注意： 当需要包含多行代码时，我们使用括号。此外，在括号中有多行代码时，应明确地写出 return 以从函数中返回值。

示例： 这是一个包含多行代码的箭头函数的示例

<script> 
    // Multiple line of code 
    const great = (a, b) => { 
        if (a > b)  
            return "a is greater"; 
        else
            return "b is greater"; 
    } 
      
    console.log(great(3,5)); 
</script>

输出：