js函數基礎回顧
阿新 • • 發佈:2019-02-14
方法 空函數 檢查 回顧 函數表達式 地方 對象 創建一個函數 實例
回頭又跑去看了下尚矽谷的js基礎視頻
https://www.bilibili.com/video/av22958172/?p=51。
便做了如下筆記:
1.函數也是一個對象
2.函數可以封裝一些功能(代碼),在需要時可以執行這些功能(代碼)
3.函數可以保存一些代碼在需要的時候調用
返回值: 1.語法 :return 值 2.return後的值將會作為函數的執行結果返回 3.在函數中return後的語句不會執行 4.return;後面不跟值相當於renturn undefined;
<script> // 創建函數 var fun = new Function(); console.log(fun);//輸出一個空函數 console.log(typeof fun);//輸出function //封裝函數 var函數參數使用: 1.可以定義一個或多個形參 2.形參之間使用,隔開,聲明蠶食相當於函數內部聲明了對應變量 3.但是並不賦值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>
<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函數基礎回顧