8.js函数_8ujs-CSDN博客

本文链接：https://blog.csdn.net/weixin_43167546/article/details/102816525

js函数

文章目录

js函数

一.概念:

函数具有特定功能的代码块

二.特点:

可复用,将代码模块化.

三.定义:function

2.1function 函数名(参数1,参数2…){
函数体；（代码块）
}
2.2参数不需要定义.
例：

<body>
    <script>
        //加法
        function demo(){
            var a = 10;
            var b = 10;
            var sum = a+b;
            alert(sum);//弹出框
        }
        //乘法
        function tell(){
            var n = 10;
            var m = 10;
            var vl = n*m;
            alert(vl);
        }
        tell();
        </script>
</body>

四.函数调用

1.函数在定义好了之后，不能自动执行，需要调用才能执行

2.函数调用方式：

2.1在script中调用

 <script>
        //加法
        function demo(){
            var a = 10;
            var b = 10;
            var sum = a+b;
            alert(sum);//弹出框
        }
        //乘法
        function tell(){
            var n = 10;
            var m = 10;
            var vl = n*m;
            alert(vl);
        }
        //在script调用函数，只需要函数名字后边加括号就行
        tell();//调用函数
        demo();//调用函数
        </script>

在这里插入图片描述

2.2在html中调用

<body>
    <button onclick="demo()">按钮1</button>
    <button onclick="tell()">按钮2</button>
    <script>
        //加法
        function demo(){
            var a = 10;
            var b = 10;
            var sum = a+b;
            alert(sum);//弹出框
        }
        //乘法
        function tell(){
            var n = 10;
            var m = 10;
            var vl = n*m;
            alert(vl);
        }
        //在script调用函数，只需要函数名字后边加括号就行
        // tell();//调用函数
        // demo();//调用函数
        </script>
</body>

在这里插入图片描述

5.函数的来源分类:

5.1库函数

系统函数,如 floor() random()

5.2自定义函数,自己封装功能

var a = num();//a:定义的函数

二.带参数的函数

1.在函数的调用中，也可以传递一些值，这些值被称为参数。

demo(a,b);

2.参数的个数可以为任意多，每个参数通过“，”隔开。
3.参数在传递时顺序必须一致。
4.参数的意义：
通过传递参数的个数以及参数的类型不同完成不同的功能。
例1：

<script>
        function demo(a,b){
            var sum=a+b;
            alert(sum);
        }
        demo(10,20);//将参数10 20，传递给a b，sum=30。
</script>

在这里插入图片描述
例2：

 <!-- 按钮添加一个点击事件，onclick等号右边写要实现功能的函数名字 -->
   <button onclick="demo1('a',20)">按钮</button>
   <!-- 单引号和双引号可以交叉使用，但不可以双引号和双引号，单引号和单引号。 -->
   <script>//script的个数不限
       function demo1(name,age){//参数类型不同
        alert("hello，"+name+",我的年龄是："+age);
        //“+”是连接符，字符串输出要用“”引起来，字符串原样输出，name和age是参数不是字符串所以不用“”。
       }
   </script>

在这里插入图片描述

三.return返回值

1.给函数设置返回值,就可以再调用函数的时候获取函数返回的值.
2.只要遇到return就会返回值，并且函数就会停止运行.return后边的语句将不会执行。
例1:

   <script>
        function demo(){
            return "hello";//当调用函数demo时，会返回一个hello的字符串
        }
        var a=demo();//调用函数demo，并将值赋给a
        alert(a);//弹出a的值
    </script>

在这里插入图片描述
例2：

 <script>
    function demo1(a,b){
            //比较两个数中最大值
            if(a>b){
                return alert("a大");
            }else{
                return alert("b大");
            }
        }
        demo1(10,20);
    </script>

在这里插入图片描述