[19/05/29-星期三] JavaScript_ 函數的簡介

時間 2019-11-16

原文原文鏈接

1、函數的簡介javascript

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>函數的入門</title>
    </head>
    <script type="text/javascript">
        /*函數(function)也是個對象，能夠封裝一些代碼，在須要時調用
         使用typeof檢查函數對象時，會返回function
         能夠將要封裝的代碼以字符串的形式傳遞給構造函數
         封裝到函數中的代碼不會當即執行，函數中代碼會在函數調用時執行。 語法：函數對象名();
        封裝的代碼會按順序執行
         * */
        var fun=new Function("console.log('你敲代碼好low呀');");/*這方式不多使用*/
        fun();
        /*使用函數聲明來建立函數 (形參無關緊要 即無參函數)
         function 函數名(形參1，形參2...){
             函數體；
         }
         * */
        function fun2(){
            console.log("你敲代碼好像蔡徐坤呀");
        }
        fun2();
        /*使用函數表達式來建立函數 --即建立匿名函數，而後把匿名函數賦值給一個變量
         var 函數名=function(形參1,....){
             
         }
         * */
        var fun3= function(){
            console.log("哈哈");
        };//這裏最好加個分號,這是個賦值語句
        fun3();
        
    </script>
    <body>
    </body>
</html>

2、函數參數和返回值html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>函數的參數</title>
    </head>
    <script type="text/javascript">
        /*這裏聲明形參跟Java中不一樣，這裏不用指定形參類型。它就至關於在函數內部聲明瞭對應的變量var
         1)瀏覽器的解析器不會檢查實參的類型。即便傳個參數("你好",123) 也不會報錯。因此有時須要檢查判斷傳入的數據類型
         2)也不會檢查實參的數量，多餘的實參不會被賦值，也不會報錯 (123,45,6)不會報錯
         3)若是實參的數量不夠，則缺乏的實參數據類型是undefined 輸出結果爲NaN
          函數內部也能夠聲明函數。
         * 
         * * */
        function add(a,b){
            console.log(a+b);            
        }
        add(2,3);
        /*函數的返回值 ，在函數中它不用指定的數據類型去接收，跟Java不一樣。在調用時接收這點是同樣的
         return 以後的語句都不會執行 。return後邊什麼也不跟或不寫return就至關於返回一個undefined
         return 能夠返回任意類型的值。也能夠是個對象，也能夠是個函數
         return 是它後邊的語句都不會執行。break是跳出全部的循環，換句話說如果循環後邊還有語句，還會執行，可是return則不是，直接退出函數也
         * */
        function add2(a,b,c){
            var sum=a+b+c;
            return sum;
        }
        var result=add2(3,6,7);
        console.log(result);
        console.log(add2(3,12,8));
    </script>
    <body>
    </body>
</html>

練習java

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>函數參數的練習</title>
        <script type="text/javascript">
            function isEven(n){/*判斷一個數是否是偶數,是偶數返回true不是返回false*/
            /*    if(n%2==0){
                    console.log(n+"是偶數");
                }else{
                    console.log(n+"不是偶數");
                }*/
                
                return n%2==0; 
                
            }
            console.log(isEven(17));
            
            function area(R){//計算圓的面積
                return 3.14*R*R;
            }
            console.log(area(10));
            /*實參能夠是任意一個數據類型，包括一個對象。當參數過多時，能夠封裝成一個對象傳遞*/
            var obj={
                name:"猴子",
                age:18,
                address:"花果山"
            }
            function sayHello(o){
                console.log("姓名："+o.name+",年齡："+o.age+",住址："+o.address);
            }
            sayHello(obj);
            /*實參也能夠是個函數*/
            function fun (a) {
                console.log("a="+a);
                a(obj);//調用a就是調用函數sayHello
            }
            fun(sayHello);//這裏sayHello就是一個函數 同理fun也能夠傳個匿名函數.
            //fun(sayHello());調用sayHello函數 fun(sayHello);調用sayHello函數對象
            fun(function(){ console.log("hello")});
            
        </script>
    </head>
    <body>
    </body>
</html>