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之自定义函数_第1张图片

你可能感兴趣的:(JavaScript,前端,函数,自定义函数)