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