JavaScript基础--函数

目录

函数介绍

函数参数

函数返回值

函数类型

函数优点

---

 函数介绍

• 函数概念:  将任意代码封装到一起，需要用的时候进行调用执行
• 语法：

// 函数定义
function 函数名(){
    函数体 //封装的代码
}
//函数调用语句:
函数名()

函数参数

（1）定义： 

     形参:

1. 在函数内部可以使用的变量，在函数外部不能使用
2. 形参的值是在函数调用的时候由实参决定的

     实参：

1. 在函数调用的时候给形参赋值的
2. 在调用的时候是给一个实际的内容的
3. 多个参数的时候，是按照顺序一一对应的

function 函数名(形参1，形参2，形参3，...){
    函数体
}
函数名(实参1，实参2，实参3，...)

 （2）参数个数：

        形参比实参少：

• 因为形参与实参之间是按照顺序一 一对应的
• 形参少就会拿不到实参给的值，所以在函数内部就没有办法用到这个值

<script>
    function getMaxThree(x, y) {
        var x, y, z
        var max = x
        if (y > max) {
            max = y
        }
        if (z > max) {
            max = z
        }
        document.write('最大值为' + max)
    }
    getMaxThree(55, 88, 98)
</script>

 输出结果为：最大值为88

        形参比实参多：

• 因为形参与实参之间是按照顺序一一对应的
• 所以多出来的形参就是没有值的，就是 undefined

<script>
    function getMaxThree(x, y, z) {
        var max = x
        if (y > max) {
            max = y
        }
        if (z > max) {
            max = z
        }
        document.write('最大值为' + max)
    }
    getMaxThree(55, 88)
</script>

 输出结果为：最大值为88，但z=undefined

（3）参数默认值：

<script>
    function fn(形参1,形参2) {
        形参1=形参1||默认值
        形参2=形参2||默认值
    }
    fn()
</script>

当没有传实参的时候，函数体默认使用默认值

如下所示：

    <script>
        function getMaxTwo(m, n) {
            var x = m
            var y = n || 60
            max = x
            if (y > max) {
                max = y
            }
            document.write('最大值为' + max + '<br>')
        }
        getMaxTwo(45)
    </script>

 输出结果为：最大值为60

函数返回值

（1）终断函数

• - 当开始执行函数以后，函数内部的代码就会从上到下的依次执行
• - 必须要等到函数内的代码执行完毕
• - 而 return 关键字可以在函数中间的位置停掉，让后面的代码不再继续执行

<script>
    function fn() {
        console.log('1')
        console.log('2')
        console.log('3')
        return
        console.log('4')
        console.log('5')
    }
    fn()
</script>

写了return后，后面的4和5将不再执行了

（2）返回值

• - return 关键字可以给函数执行完毕一个结果
• - 我们可以在函数内部使用return关键字把任何内容当做这个函数运行后的结果

    <script>
        function fn() {
            return 100
        }
        console.log(fn())
    </script>

函数类型

• - 函数分为四种类型

（1）无参无返回值

        function 函数名（）{

                函数体

        }

        函数名（）

（2）有参无返回值

         function 函数名（形参1，形参2）{

                函数体

        }

        函数名（实参1，实参2）

（3）无参有返回值

        function 函数名（）{

                函数体

                return 值

        }

        var 变量=函数名（）

（4）有参有返回值

        function 函数名（形参1，形参2）{

                函数体

                return 值

        }

        var 变量=函数名（实参1，实参2）

函数优点

• 封装代码，使代码更加简洁
• 复用，在重复功能的时候直接调用就好
• 代码执行时机，随时可以在我们想要执行的时候执行