JavaScript----函数

1.函数介绍

函数概念：封装具有特定功能的代码，需要用的时候进行调用

语法：

        //定义一个函数

        function 函数名(){

            //封装的代码

        }

        //调用函数语句

        函数名()

2.函数参数

语法：

function  函数名(形参1，形参2，...){

    //函数体

}

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

形参：

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

实参：在函数调用的时候给形参赋值 

参数个数：

• 当形参个数比实参个数多的时候，没有值的形参显示为undefined
• 当实参个数比形参多时，不影响形参 

参数默认值：

//当m没有传值，取逻辑或后面的默认值
var x=m || 34 

示例： 

<script>
   //封装一个函数名为getMaxTwo的函数，求任意两个数最大值? 
    function getMaxTwo(m,n){
        var a=m || 90   //给参数设置默认值，当形参没有值的时候，显示默认值
        var b=n
        var max=a
        if(max<b){
            max=b
        }
            document.write('最大值为：'+max+'<br>')
        }
    getMaxTwo(78,70)
    getMaxTwo(34,63)
</script>

3.函数返回值

return：意思是返回。给函数一个返回值和终断函数

• 当return不带值时，终止函数向下执行
• 当return有值时，终止函数向下执行，并将值返回到函数调用处

return没有值，示例：

<script>
    function test(){
        console.log(1)
        return 
        console.log(2)   //不会被打印出来
    }
    test()
</script>

return有值时，示例：

 <!-- 定义一个函数，求任意三个数最大值，要求函数能返回最大值，在函数外面显示 -->
    <script>
        function getMaxThree(m, n, p) {
            var max = m
            if (max < n) {
                max = n
            }
            if (max < p) {
                max = p
            }
            return max
        }
        var f = getMaxThree(20, 134, 96)
        console.log('最大值为：' + f)
    </script>

4.函数类型

（1）无参无返回值

function 函数(){  函数体  }

函数()

(2)有参无返回值

function 函数(形参1，形参2){  函数体  } 

函数（实参1，实参2）

(3)无参有返回值

function 函数(x){ 

    函数体

    return 值

} 

var 变量=函数()

(4)有参有返回值

function 函数(形参1，形参2){ 

    函数体

    return 值

} 

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

5.函数定义方式 

（1）声明式

function  函数名（）{
    函数体
}

（2）赋值式

var  函数名=function（）{
    函数体
}

区别：赋值式调用函数语句一定要放在函数定义之后。声明式放在前、后都可。

6.函数优点

（1）封装代码，使代码更简洁

（2）复用，在重复功能的时候直接调用

（3）代码执行时机，随时可在我们想要执行的时候执行