JavaScript自定义函数（函数的定义、调用、参数、返回值）

最新推荐文章于 2023-11-12 11:53:26 发布

小魁的C世界

最新推荐文章于 2023-11-12 11:53:26 发布

阅读量3.3k

点赞数

文章标签： javascript js 前端

本文链接：https://blog.csdn.net/weixin_53088802/article/details/118105236

版权

本文深入介绍了JavaScript中的函数，包括函数的定义、调用方式、参数特性和返回值的使用。通过示例展示了如何定义和调用函数，以及如何传递参数和获取函数结果。此外，还特别提到了JavaScript函数参数的灵活性，允许在调用时不传递参数或传递超出声明数量的参数，并介绍了arguments对象在管理函数参数中的作用。

摘要由CSDN通过智能技术生成

一、函数的定义

1、>函数就是为了完成程序中的某些特定功能而进行专门定义的一段程序代码<

2、>函数包括两种：自定义函数和系统函数<

3、>使用函数后可以实现一系列特定的功能，当然在使用函数前，必须对函数进行定义，其代码块则放置于标签对之间，同时还需要使用function关键字<

语法：

function 函数名 ( 形式参数 1, 形式参数 2,…, 形式参数 n){

语句

}

语法说明：

使用function关键字。而function关键字后面是函数名，与其他的语言不同的是，JavaScript中的函数不需要说明返回值的类型。
函数的命名规则与其变量名的命名规则相同，（详细请点击：JavaScript的核心语法之变量）
函数名后的 () 可以包含若干个参数，也可以选择不带任何参数。
最后是一对 {}中，包含着具体实现程序的某些特定功能的若干语句或脚本代码

例：（利用函数求一个长方形的面积）

<script type="text/javascript">
        //getArea为函数名，height,width两个参数分别表示此函数所求的长方形的高度和宽度
        function getArea(height, width) {
            var result = width * height;
            document.write("该长方形的面积为：" + result);
        }//对一个面积函数的定义，还未进行调用，所以无样式实现
    </script>

二、函数的调用

1、>函数是不会自动执行的，因此我们需要调用函数，而调用一个函数的方法是使用函数名称，并且在函数名后用括号包含所需要传入的参数值。<

2、>调用函数的语句也需要放置在标签对中。<

例：（在上一个示例中进行函数的调用）

 <script type="text/javascript">
        //getArea为函数名，height,width两个参数分别表示此函数所求的长方形的高度和宽度
        function getArea(height, width) {
            var result = width * height;
            document.write("该长方形的面积为：" + result);
        }
        getArea(5, 6);//调用getArea函数
 </script>

实现样式：

三、函数的参数

1、>函数参数的作用：调用函数时将数据传递给被调函数的一种方式<

2、JavaScript中函数参数的特殊性：

· 在JavaScript中函数声明了参数，在调用时可以不传递参数，但这在其他编程语言中是会出现编译错误的。

·不管函数在声明时有多少个参数，但调用函数时可以传递若干个参数值给函数，并且实际传递的参数值还可以在函数内部进行获取

3、在函数被调用时，一个 arguments 对象就会被创建，它只能使用在函数体中，以数组的形式来管理函数的实际参数

例：（用函数计算班级学生的人数和期中考试的班级平均分）for循环的详细讲解：JavaScript流程控制语句——循环结构

<body>
    <script type="text/javascript">
        function getTotal() {
            var count; //班级人数
            var sum = 0; //班级总平均分
            count = arguments.length; //获取count数组的长度，在后期我们进行学习
            for (var i = 0; i < count; i++) {
                sum += arguments[i]; //依次获取count数组中的学生的成绩，并进行相加
            }
            sum = sum / count; //计算班级总平均分
            document.write("班级的总人数是：" + count + "人,班级期中考试的总平均分为：" + sum);
        }
    </script>
    <h3>
        三班：
        <script type="text/javascript">
            getTotal(85, 95, 98, 89, 90, 80); //调用getTotal
        </script>
        <br/> 
        四班：
        <script type="text/javascript">
            getTotal(80, 85, 90, 75, 65, 70, 70, 60); //调用getTotal
        </script>
    </h3>
</body>

实现样式：

四、函数的返回值

1、>函数的返回值能够将一个函数内部所产生的结果返回给外部语句使用<

2、实现函数返回值的语句是 return

语法：

return 返回值 ;

例：（使用返回值计算长方形的面积）

<body>
        <script type="text/javascript">
            function getArea(height, width) {
                var  result  =  width  *  height;   
                return  result;
            }
        </script>
        <h3>
            <script type="text/javascript">
                var area = getArea(5, 6);
                document.write("该长方形的面积为" + area);
            </script>
        </h3>
</body>

实现样式：