JavaScript函数

最新推荐文章于 2025-05-31 16:02:29 发布

猿凸凸

最新推荐文章于 2025-05-31 16:02:29 发布

阅读量324

点赞数

文章标签： javascript 函数式编程

本文链接：https://blog.youkuaiyun.com/weixin_45666459/article/details/120238213

版权

本文详细介绍了JavaScript中的函数，包括函数的基本概念、声明与调用，强调了函数的封装性。讲解了形参和实参的区别，并通过实例展示了如何传递参数。此外，还探讨了return语句在函数中的作用，以及它与break和continue的区别。通过实例代码加深了理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.2.break，continue，return的区别

1、函数的概念

函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2、函数的使用

函数在使用时分为两步：声明函数和调用函数

2.1.声明函数

//声明函数

function函数名（）{

//函数体代码

}

function是声明函数的关键字,必须小写
由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如getSum

2.2.调用函数

//调用函数

函数名（）；//通过调用函数名来执行代码

调用的时候千万不要忘记添加小括号。
口诀：函数不调用，自己不执行

注意:声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
    <script>

        function getSum() {
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
                sum += i;
            }
            console.log(sum);
        }
        getSum()
    </script>
<body>
</body>
</html>

2.3.函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

3、函数的参数

3.1.形参和实参

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

参数	说明
形参	形式上的参数函数定义的时候传递的参数当前并不知道是什么实际上的
实参	际上的参数函数调用的时候传递的参数实参是传递给形参的

参数的作用∶在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

//带参数的函数证明

function函数名（形参1，形参2，形参3...）{ //可以定义任意多的参数，中间用逗号隔开

//函数体

}

//带参数的函数调用

函数名（参数1，参数2，参数3...）;

   <script>

        function getSum(num1, num2) {
            alert(num1 + num2);
        }
        getSum(2, 2);
        getSum(10, 10);
    </script>

调用的时候实参值是传递给形参的
形参简单理解为:不用声明的变量
实参和形参的多个参数之间用逗号（,)分隔

<script>

        function getSum(num1, num2) {
            alert(num1 + num2);
        }
        getSum(2, 2);          //形参和实参个数相等，输出正确结果
        getSum(10, 10,20,20);  //实参个数多于形参，只取到形参个数
        getSum(1);             //实参个数少于形参，多的形参定义为undefined，结果为NaN
    </script>

注意:在JavaScript中，形参的默认值是undefined。

4、函数的返回值

4.1.return语句

在使用return语句时，函数会停止执行，并返回指定的值
如果函数没有return，返回的值是undefined

例：

   <script>
        function getMax(num1, num2) {
            return num1 > num2 ? num1 : num2;
        }
        alert(getMax(1, 2));
        alert(getMax(11, 2));
    </script>