javascript學習筆記（二）：定義函數、調用函數、參數、返回值、局部和全局變量

本文轉載自查看原文 2017-06-11 22:32 1880 JavaScript學習筆記

定義函數、調用函數、參數、返回值

關鍵字function定義函數，格式如下：

function 函數名()
{

函數體

}

調用函數、參數、返回值的規則和c語言規則類似。

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta chaset="UTF-8">
 5     <title></title>            
 6 </head>    
 7 <body>
 8     <script>
 9         function sum(a,b)      //定義一個加法函數，有兩個參數a和b
10         {
11             var x=a+b;
12             return x;　　　　　　//return返回值 13         }
14     var s=sum(1,2);　　　　　　　//使用這個函數
15     alert(s);　　　　　　　　　　 //將結果彈窗顯示
16     </script>
17 </body>
18 </html>

用一個按鈕調用函數

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta chaset="UTF-8">
 5     <title></title>            
 6 </head>    
 7 <body>
 8     <script>
 9         function sum(a,b)        //定義一個加法函數
10         {
11             var x=a+b;
12             alert(x);            //將結果彈窗顯示
13         }
14     </script>
15     <form>
16         <input type="button" value="按鈕" onclick="sum(10,20)">  //用按鈕調用函數
17     </form>
18 </body>
19 </html>

或者

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta chaset="UTF-8">
 5     <title></title>            
 6 </head>    
 7 <body>
 8     <script>
 9         function sum(a,b)    //定義一個加法函數
10         {
11             var x=a+b;
12             alert(x);            //將結果彈窗顯示
13         }
14     </script>
15     <button onclick="sum(10,20)">按鈕</button>    
16 </body>
17 </html>

調用效果如下：

將函數的返回值替換標簽內容

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta chaset="UTF-8">
 5     <title></title>            
 6 </head>    
 7 <body>
 8     <p id="pid">hello</p>
 9     <script>
10         function demo(name,age)    
11         {
12             return "hello:"+name+",我的年齡是:"+age;            
13         }
14         document.getElementById("pid").innerHTML=demo("tom",18);//將demo函數的返回值替換id="pid"的標簽內容
15     </script>
16 </body>
17 </html>

局部變量和全局變量

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta chaset="UTF-8">
 5     <title></title>            
 6 </head>    
 7 <body>
 8     <script>
 9         var x=10; 　　　　　　　　　 //全局變量
10         function demo(name,age)    
11         {
12             var y=10;　　　　　　　 //局部變量，只能在函數內使用
13             z=10;　　　　　　　　　　//全局變量         
14         }15     </script>
16 </body>
17 </html>

免責聲明！

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

猜您在找 JS函數 -- 功能，語法，返回值，匿名函數，自調用匿名函數，全局變量與局部變量，arguments的使用 JavaScript 之回調函數的返回值給全局變量賦值問題一、函數的定義、調用、返回值、參數。 python返回值與局部全局變量局部變量作為函數返回值總結javascript中的全局變量和局部變量的區別以及聲明函數和調用函數的區別 python中函數的定義,調用，全局變量，局部變量，函數的嵌套使用-初級篇 javaScript函數作為參數和函數作為返回值 python，javascript在函數中同時調用同名的局部變量與全局變量引發的問題 JavaScript 函數全局變量定義