天天看点
返回

JavaScript之自定义函数

创建函数

function 函数名(参数1，参数2，…)

{

//函数体

}

创建函数时的参数称为形参

函数四要素：函数名，参数，函数体，返回值

调用函数

函数名(参数值)

调用函数时的参数成为实参

形参：定义函数时指定的参数，没有实际的值，占位置

实参：调用函数时指定的参数，有实际的值

形参和实参的匹配问题：js中调用函数时，实参的个数可以和形参的个数不相等

js中没有重载的概念：后定义的同名函数会覆盖前面定义的函数，因此不要定义同名的函数。

函数的返回值

函数执行后可以返回一个结果，称为函数的返回值

使用return关键字来返回函数执行后的结果值

如果return后面没有跟返回值或没有使用return关键字，则默认返回undefined

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        //1.定义无参函数
        function calcSum() {
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
                sum += i;
            }
            console.log(sum);
        }
        //调用函数
        calcSum();


        //定义带一个参数的函数
        function calcSum2(n) {
            var sum = 0;
            for (var i = 1; i <= n; i++) {
                sum += i;
            }
            console.log("从1到" + n + "之和为：" + sum);
        }
        calcSum2(20);
        calcSum2(1000)


        //定义带多个参数的函数
        function calcSum3(m, n) { //多个形参以逗号隔开
            var sum = 0;
            for (var i = m; i <= n; i++) {
                sum += i;
            }
            console.log("从" + m + "到" + n + "之和为：" + sum);
        }

        calcSum3(5, 10);
    </script>
</head>

<body>

</body>

</html>
JavaScript之自定义函数
javascript 前端 函数 自定义函数
上一篇: Python3图像处理学习笔记2023-6-24
下一篇: javascript自定义函数

继续阅读