1. 程式人生 > >js函數基礎回顧

js函數基礎回顧

方法 空函數 檢查 回顧 函數表達式 地方 對象 創建一個函數 實例

回頭又跑去看了下尚矽谷的js基礎視頻 https://www.bilibili.com/video/av22958172/?p=51。 便做了如下筆記: 1.函數也是一個對象 2.函數可以封裝一些功能(代碼),在需要時可以執行這些功能(代碼) 3.函數可以保存一些代碼在需要的時候調用
 <script>
        // 創建函數
        var fun = new Function();
        console.log(fun);//輸出一個空函數
        console.log(typeof fun);//輸出function

        //封裝函數
        var
fun = new Function("console.log(‘hello‘);");//封裝的是可執行代碼,這種方式在開發中不建議使用 //調用函數 fun();//hello。調用函數後函數才會執行 fun();//hello。多次調用還是hello,在其他地方調用,輸出仍是hello // 函數做對象使用 fun.hello = ‘hello‘; console.log(fun.hello);//hello // 重點:開發中使用方法 // 第一種方式: // 語法:function 函數名(形參1,形參2...形參n ){語句};
//1聲明函數: function fun2() { console.log("執行語句"); } //2執行函數 fun2();//執行語句 // 第二種方式: // 使用函數表達式來創建一個函數 // 語法: var 函數名 = function(形參1,形參2...形參n){語句} //1給一個匿名函數命名fun3,相當於賦值給了fun3 var fun3 = function
() { console.log("匿名函數賦值給了fun3") };//賦值語句 //2執行函數 fun3();//匿名函數賦值給了fun3 </script>
函數參數使用: 1.可以定義一個或多個形參 2.形參之間使用,隔開,聲明蠶食相當於函數內部聲明了對應變量 3.但是並不賦值
<script>
        // 實例一

        // 聲明函數使用形參x,y
        function sum(x, y) {
            console.log(x + y);
        }//求x,y的和

        //調用函數使用實參1,1或2,5。可以多次調用
        sum(1,1);//2
        sum(2,5);//7

        // 註意:a使用函數時,解析器不會檢查實參的類型
        sum(123, ‘hello‘);//123hello
        sum(true, false);//1
        // b調用函數是,解析器也不會檢查實參的數量
        sum(123, 456, ‘hello‘, true, false);//579,多余的會舍去
        sum(123);//NaN。如果少於,則少的參數為undefined


    </script>

返回值: 1.語法 :return 值 2.return後的值將會作為函數的執行結果返回 3.在函數中return後的語句不會執行 4.return;後面不跟值相當於renturn undefined;
<script>
        
        // 實例二
        // 聲明一個函數:計算三個數之和
        function add(a, b, c) {
            var d = a + b + c;
            return d;
            alert("hello");//在函數中return後的語句不會執行
        }//返回一個結果

        // 調用函數
        var result = add(1, 2, 3)
        console.log(result);//6


        // 實例三:
        function isOu(num) {
            return num % 2 == 0;
        }//判斷是否為偶數
        var result = isOu(3);
        console.log(result);//false;
    </script>
當參數過多時該如何去聲明函數
 <script>
        var obj = {
            name: ‘我‘,
            age: ‘18‘,
            gender: ‘男‘
        }
        function sayMy(o) {
            console.log(o.name + o.age + o.gender);
        }
        sayMy(obj);//我18男
    </script>

js函數基礎回顧