如何在JavaScript中编写函数

JavaScript函数是一组可重用的代码，可以从应用程序的任何地方调用。这样可以避免重复编写相同的代码。它有助于程序员创建模块化的代码。函数使程序员能够将大型程序分解为几个较小且更易管理的函数。

函数是JavaScript的核心构建元素之一。在JavaScript中，函数类似于过程-一系列执行任务或计算值的单词，但要使过程称为函数，它必须接受一些输入并产生具有输入和结果之间明确链接的输出。为了使用函数，它必须在调用它的范围中的某个地方定义。

函数定义: 函数定义或函数语句以函数关键字开头，并继续如下。

• 函数的名称。
• 包含在括号内并用逗号分隔的函数参数列表。
• 语句都用大括号括起来。

语法:

function name(arguments)
{
   javascript statements
}

函数调用： 要在脚本的稍后时间点调用函数，只需输入函数的名称即可。默认情况下，所有的JavaScript函数都可以利用参数对象。每个参数的值都存储在一个arguments对象中。该参数对象类似于一个数组。可以使用索引访问它的值，就像访问数组一样。但是它不提供数组方法。

Javascript

<script type="text/javascript">
    function welcome() {
      console.log("welcome to GfG");
    }
     
    // Function calling
    welcome();
</script>

输出结果：

welcome to GFG

函数参数 : 一个函数可以包含一个或多个通过调用代码发送的参数，并可以在函数内部使用。因为JavaScript是一种动态类型的编程语言，所以函数参数可以具有任何数据类型作为值。

JavaScript

<script type="text/javascript">
    function welcome(name) {
      console.log("Hey "+""+name+" "+"welcome to GfG");
    }
     
    // Passing arguments
    welcome("Rohan");
</script>

输出：

Hey Rohan welcome to GFG

返回值：

返回语句是JavaScript函数的可选部分。如果你希望从函数中返回一个值，你必须这样做。这应该是函数的最后一条语句。

Javascript

<script type="text/javascript">
    function welcome() {
       
      // Return statement
      return "Welcome to GfG";
    }
     
    console.log(welcome());
</script>

输出结果：

Welcome to GFG

函数表达式 ： 我们可以将一个函数赋值给一个变量，然后在JavaScript中使用该变量作为函数。这被称为函数表达式。

Javascript

<script type="text/javascript">
    let welcome = function(){
      return "Welcome to GfG";
    }
     
    let gfg = welcome();
     
    console.log(gfg);
</script>

输出：

Welcome to GFG

Javascript中的函数类型:

1. 命名函数: 命名函数是我们在代码中编写的函数，通过引用其名称并提供一些参数来在需要时使用。命名函数在我们需要多次调用函数并给它传递不同的值或多次运行它时非常方便。

Javascript

<script type="text/javascript">
    function add(a, b){
      return a+b ;
    }
    console.log(add(5, 4));
</script>

输出：

9

2. 匿名函数： 我们可以在JavaScript中定义一个没有名称的函数。这个没有名称的函数被称为匿名函数。需要将一个变量赋值给匿名函数。

Javascript

<script type="text/javascript">
    let add = function(a, b){
      return a + b;
    }
    console.log(add(5, 4));
</script>

输出：

9

3. 嵌套函数 ： 在JavaScript中，一个函数可以包含一个或多个内部函数。这些嵌套函数属于外部函数的范畴。内部函数可以访问外部函数的变量和参数。然而，内部函数声明的变量无法被外部函数访问。

JavaScript

<script type="text/javascript">
    function msg(firstName) {
      function hey() {
        console.log("Hey " + firstName);
      }
     
      return hey();
    }
     
    msg("Ravi");
</script>

输出：

Hey Ravi

4. 立即执行函数表达式：

浏览器在检测到该函数表达式时立即执行它。该函数有一个优点，即在代码中的位置执行并直接输出结果。也就是说，它不会受到稍后出现在脚本中的代码的影响，这可能起到积极作用。

Javascript

<script type="text/javascript">
    let msg = (function() {
      return "Welcome to GfG" ;
    })();
    console.log(msg);
</script>

输出：

Welcome to GFG