JS4函數(方法function)

來源:互聯網
上載者:User

標籤:結果   作用   ret   語句   orm   變數   點擊事件   按鈕   檔案   

什麼是函數

函數的作用,可以寫一次代碼,然後反覆地重用這個代碼。

定義函數

function  函數名( )
{
     函數體;
}

function定義函數的關鍵字,“函數名”你為函數取的名字,“函數體”替換為完成特定功能的代碼。

我們完成對兩個數求和並顯示結果的功能。並給函數起個有意義的名字:“add2”,代碼如下:

<script type="text/javascript">
  function add2(){
    sum = 3 + 2;
    alert(sum);
  }
?add2();</script>

函數調用

函數定義好後,是不能自動執行的,需要調用它,直接在需要的位置寫函數名。

第一種情況:在<script>標籤內調用。

<script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }
  add2();//調用函數,直接寫函數名。</SCRIPT>

第二種情況:在HTML檔案中調用,如通過點擊按鈕後調用定義好的函數。

<html>
<head>
<script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按鈕,onclick點擊事件,直接寫函數名
</form>
</body>

有參數的函數

上節中add2()函數不能實現任意指定兩數相加。其實,定義函數還可以如下格式:

function 函數名(參數1,參數2)
{
     函數代碼
}

注意:參數可以多個,根據需要增減參數個數。參數之間用(逗號,)隔開。

按照這個格式,函數實現任意兩個數的和應該寫成:

function add2(x,y)
{
   sum = x + y;
   document.write(sum);
}

x和y則是函數的兩個參數,調用函數的時候,我們可通過這兩個參數把兩個實際的加數傳遞給函數了。

例如,add2(3,4)會求3+4的和,add2(60,20)則會求出60和20的和。

傳回值的函數

思考:上一節函數中,通過"document.write"把結果輸出來,如果想對函數的結果進行處理怎麼辦呢?

我們只要把"document.write(sum)"這行改成如下代碼:

function add2(x,y)
{
   sum = x + y;
   return sum; //返回函數值,return後面的值叫做傳回值。
}

還可以通過變數儲存調用函數的傳回值,代碼如下:

result = add2(3,4);//語句執行後,result變數中的值為7。

注意:函數中參數和傳回值不只是數字,還可以是字串等其它類型。

JS4函數(方法function)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.