JavaScript函数初步

函数的概念

  • 函数,是将一段公共的代码进行封装,给它起个名字叫“函数”。

  • 函数可以一次定义,多次调用。

  • 函数,可以将常用的功能代码,进行封装。如:用户名的验证、验证码函数、邮箱验证、手机号码验证

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            function max(a,b){
                if(a>b){
                    document.write(a+"比较大<br/>");
                }else{
                    document.write(b+"比较大<br/>");
                }
            }
            max(10,50);
            max(0,100);
            max(-1,2);
            max(100,100);
        </script>
    </head>
    <body>
    </body>
</html>

函数的定义格式

function functionName([参数1][,参数2][,参数N]){
    函数的功能代码;
    [return 参数r]
}

函数定义格式的说明

  • function关键字是必须的,全小写。

  • functionName:函数的名称。函数名的命名规则与变量命名一样。

  • ():是定义函数时接收数据的参数。参数可有可无,多个参数之间用逗号隔开。

  •  形参(形式参数):定义函数时的参数就是“形参”。主要用来接收调用函数者传过来的数据。

  • 形参的名称,与变量的命名规则一样。

  •  但形参不能用“var”关键字定义。

  • 参数只能存在于函数中。

  • 参数不需要声明,直接使用。

  • 实参(实际参数):调用函数时的参数称为“实参”。实参就是真正的数据。

  • {}是函数的功能。

  • return语句,用于向函数调用者返回一个值,并立即结束函数的运行。

  • return用于中止函数的运行。

  • break用于中止各种循环。


函数的调用

函数定义是不会执行的,那么,函数必须调用,才会有效果。

函数的调用:直接写函数名后跟小括号(),如果有参数则写参数。小括号不能省略。


函数的参数

  • 形参的个数,要与实参的个数一致;

  • 形参的顺序,要与实参的顺序一致。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        //定义函数
            function information(name,age){
               document.write("大家好,我叫"+name+",今年"+age+"岁<br/>")
            }
            information("张三",24);
            information("李四",30);
            information("涛哥",20);
        </script>
    </head>
    <body>
    </body>
</html>
继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> function max(a,b){ if(a>b){ document.write(a+"比较大<br/>"); }else{ document.write(b+"比较大<br/>"); } } max(10,50); max(0,100); max(-1,2); max(100,100); </script> </head> <body> </body> </html>
提交重置代码