JavaScript函數-帶參數的函數、帶返回值的參數

帶參數的函數

  之前講了函數的基本用法，接下來看看帶參數的函數。

  在函數中，參數可以無限多，函數之間用 "," 隔開就好~

  

  <script>
    function demo(m,n){           //參數m、n
        var sum =m+n;
        alert(sum);
    }
    demo(2,3);         //傳遞參數m=2,n=3
    demo(20,30);       //傳遞參數m=20,n=30
    demo(200,300);     //傳遞參數m=200,n=300
  </script>
  注意傳遞時順序要一致
  輸出如下：

  除了傳遞數據，我們還可以通過帶參數的函數傳遞各種信息。例如：


  <script>
    function demo(age,color){
        alert("我今年"+age+"，"+"我喜歡的顏色是"+color);
    }
  </script>
  <button οnclick="demo(18,'藍色')">按鈕</button>      //創建一個按鈕，在此處調用函數，並進行參數age和color的傳遞
  輸出如下：



  帶返回值的函數

  什么是帶返回值的函數呢？

  就是將值返回到調用它的地方，用return實現返回


  要注意的是：一旦使用return，則函數停止執行，同時把值返回到調用它的地方


<script>
    function demo(){
        return("你看，直接返回了");
    }
    var a=demo()+",返回第一次";
    var b=demo()+",返回第兩次";
    alert(a);
    alert(b);
  </script>
  輸出如下：

  此時，如果在return后面加上一個alert()，那么這個alert()是不會彈出的，因為return之后函數就停止執行了。如果要彈出，只能用在return之前



  來看看在HTML中怎么用帶返回值的函數

  <p id="yuansu">在這個P標簽中，稍后可以顯示m,n大小的比較結果</p>
  <script>
    function demo(m,n){
        if(m>n){
            return("m大於n");
        }else if(m<n){
            return("m小於n");
        }else if(m=n){
            return("m等於n");
        }
    }
    var i=demo(8,10);
    document.getElementById("yuansu").innerHTML=i;
  </script>
  輸出如下：未執行前的<p>標簽  
                    執行后的<p>標簽  


  在之前的演示中，可以看到我們通常會定義一些變量，然而不同位置定義的變量，使用范圍也不同。例如


  <script>
    var m=1; n=2;//全局變量，任何地方都可以用
    function demo(){
        var i= 5;//局部變量，只有在此函數中可以用
        x=3;//全局變量，在先調用了此函數的條件下可以用
    }
    demo();
    alert(m);//m,n都可以輸出；i不能輸出；x必須在調用了函數demo的情況下才能輸出
  </script>

  如上所示，m，n，x，都為全局變量；i為局部變量。
 ———————————————— 
版權聲明：本文為CSDN博主「囧娃程序員進階記」的原創文章，遵循CC 4.0 by-sa版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/jiongyixuan/article/details/50274597