函數，一段能夠自動完成某些功能的代碼塊，函數的出現，既解決了重覆使用重一功能的需求，又可以避免代碼的臃腫性。 使用函數有兩個要求：必須調用後才可以執行;函數名不要和關鍵字以及系統函數相同; 函數主要有三種，直接調用，參數傳遞，返回值。 1、直接調用： 2、參數傳遞： 3、返回值(在一般的前端開發中， ...
函數，一段能夠自動完成某些功能的代碼塊，函數的出現，既解決了重覆使用重一功能的需求，又可以避免代碼的臃腫性。
使用函數有兩個要求：必須調用後才可以執行;函數名不要和關鍵字以及系統函數相同;
函數主要有三種，直接調用，參數傳遞，返回值。
1、直接調用：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>圓的面積</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //求任意一個圓的半徑，得到面積 10 function mianji(){ 11 12 var r=prompt("請輸入圓的半徑："); 13 14 s=3.14*r*r; 15 16 alert("圓的面積是"+s); 17 18 } 19 20 mianji(); 21 22 </script> 23 24 </body> 25 </html>
2、參數傳遞：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>圓的面積</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //求任意一個圓的半徑，得到面積 10 function miaji(r){ 11 12 s=3.14*r*r; 13 14 alert("圓的面積為:"+s); 15 16 } 17 18 miaji(2); 19 20 miaji(3); 21 </script> 22 </body> 23 </html>
3、返回值(在一般的前端開發中，使用的都返回值)：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>函數返回值</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //返回值 10 function getSum(n,m){ 11 12 var sum=0; 13 14 for(var i=n;i<=m;i++){ 15 16 sum+=i; 17 18 } 19 20 //返回計算的值 21 return sum; 22 23 } 24 25 console.log(getSum(1,100)); 26 27 //控制台查詢結果 28 </script> 29 </body> 30 </html>
