JavaScript函数

函数:

一、可以使用function关键字来定义函数
使用的格式如下:

  function 函数名(形参){
    函数体;
  }

在JavaScript语言中,如何定义带有返回值的函数?
只需要在函数体内直接使用return语句返回值即可。


代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //定义一个无参函数
        function fun(){
            alert("无参函数fun被调用了");
        }

        //f = fun();

        function  fun2(a,b){
            //alert("有参函数fun()2被调用了   a=>" + a + ",b=>" + b);     //有参函数fun()2被调用了   a=>12,b=>abc
        }

        fun2(12,"abc");

        //定义带有返回值的函数
        function sum(num1,num2){
            var result = num1 + num2;
            return result;
        }

        alert(sum(100,50));     //150

    </script>
</head>
<body>

</body>
</html>

二、使用格式如下: var 函数名 = function(形参列表){函数体}

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var fun = function (){
            alert("无参函数");
        }
        //fun();

        var fun2 = function (a,b){
            alert("有参函数a="+a+",b="+b);
        }
        //fun2(1,2);

        var fun3 = function (num1,num2){
            return num1 + num2;
        }

        alert(fun3(100,200));
    </script>
</head>
<body>

</body>
</html>

1.重载:
在java中函数允许重载,但是在JS中函数的重载会直接覆盖掉上一次的定义

2.函数的arguments隐形函数(只在function函数内)
就是function函数不需要定义,但却可以直接用来获取所有参数的变量。我们管它叫隐形参数。隐形参数特别像java基础的可边长参数一样。
public void fun(Object…args);
可边长参数其实是一个数组。

那么js中的隐形数组也跟java的可边长参数一样。操作类似数组。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function fun(){
            //alert(arguments.length);    //可查看参数个数

            alert("无参函数fun()");
        }
        //fun(1,"ad",true);

        //需求:要求 编写一个函数,用于计算所有参数相加的和并返回
        function sum(num1,num2){
            var result = 0;
            for(var i = 0; i < arguments.length; i++){
                if(typeof (arguments[i]) == "number"){
                    result += arguments[i];
                }
            }
            return result;
        }

        alert(sum(1,2,3,4,"abc",6,7,8,9));

    </script>
</head>
<body>

</body>
</html>

运行结果:
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱与意志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值