javascript函数

**

什么是函数

**
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

Js函数的语法

函数的前面需要标注关键词function ；而且函数也是数据类型的一种。

function hanshu(){
            //函数的基本定义方法
        }
        

当函数被触发或者调用时函数内的代码就会执行

调用函数

被定义的函数可以被调用，同一个函数可以被多次调用从而实现代码的复用

		//定义一个函数 hanshu
        function hanshu(){
            //函数内的代码
        }
        //调用函数hanshu
        hanshu();

还可以设置事件对函数进行调用

        //定义一个函数 oc 
        function oc(){
            //当函数被执行时想控台输出“按钮被单击了”
            console.log("按钮被单击了");
        }

  <!-- 为按钮添加一个onclick（单击）事件，事件触发时调用co（）函数 -->
    <input id="bu" type="button" value="" onclick="oc()">

当按钮被单击后就会触发oc（）函数

带有参数的函数

函数的（）内可以加入参数来以此想函数传递数据多个参数之间用逗号间隔。

        //定义一个函数 hanshu
        //hanshu 有两个参数分别为 a b
        function hanshu(a , b){
            //函数内的代码
        }
        
        //调用函数hanshu
 		hanshu();

这些参数可以在函数内使用

        //定义一个函数 hanshu
        //hanshu 有两个参数分别为 a b
        function hanshu(a , b){
            //函数内的代码
            //分别在控台输出 a b 
            console.log("这是a参数" + a);
            console.log("这是b参数" + b);
        }
        //调用函数hanshu
        //并传入 1  2 两个数
        hanshu(1 , 2);

在函数调用时括号内的参数（上代码的 1 和 2）叫做实参，而函数定义时括号内的参数（上代码的 a 和 b）叫做形参。

形参与实参数量不匹配时的处理

当形参的数量大于实参的数量时，实参会按照从左到右的顺序依次传递给形参，而内有被实参传递的形参在函数中会被定义为undefined。

        //定义一个有三个参数的函数 san
        function san(a , b , c ){
            //分别在控台打印三个参数
            console.log(a);
            console.log(b);
            console.log(c);
        }
        //调用函数san（）并只给与两个实参
        san(1 ,2);

当形参的数量小于于实参的数量时，实参会按照从左到右的顺序依次传递给形参，而多余的实参同样也会被传递到函数。可以通过arguments （所有参数所组成的数组）来找到我们多余的实参

        //定义一个有两个个参数的函数 er
        function er(a, b, c) {
            //分别在控台打印三个参数
            console.log(a);
            console.log(b);
            console.log(arguments[2]);
        }
        //调用函数er（）并只给与三个实参
        er(1, 2 ,3);

当直接调用arguments则会返回整个arguments

        function er(a, b, c) {
            //分别在控台打印三个参数
            console.log(a);
            console.log(b);
            console.log(arguments);
        }
        //调用函数er（）并只给与三个实参
        er(1, 2 ,3);

函数的返回值

我们可以通过return语句来设置函数的返回结果，即函数执行后对外返回的数据。
当return执行后函数会停止执行并返回指定的值。

        //定义一个带有return的函数 re
        function re(){
            console.log("我在return之上");
            return 1;
            console.log("我在return之下");
        }
        //调用re（）函数
        console.log(re());

如结果所示 return之上的语句被执行而return之下的语句没有被执行，同时console.log()语句成功将return所返回的值成功打印在控台