JS函數的三種方式

本文轉載自查看原文 2019-09-04 12:29 1270 JavaScript

　　函數，一段能夠自動完成某些功能的代碼塊，函數的出現，既解決了重復使用重一功能的需求，又可以避免代碼的臃腫性。

　　使用函數有兩個要求：必須調用后才可以執行;函數名不要和關鍵字以及系統函數相同;

　　函數主要有三種，直接調用，參數傳遞，返回值。

　　直接調用：

 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js 函數定義三種方式 js中聲明函數的三種方式 JS中創建函數的三種方式及區別 js中創建函數的三種方式及區別函數的三種定義方式函數聲明的三種方式 JS三種引入方式淺談js函數三種定義方式 & 四種調用方式 & 調用順序 1在html中添加js代碼的三種方式以及js中變量，函數 JavaScript創建函數的三種方式