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>

提交重置程式碼

自動運行

全螢幕