Javascript學習六

時間 2019-12-14

原文原文鏈接

什麼是函數

函數的做用，能夠寫一次代碼，而後反覆地重用這個代碼。javascript

如:咱們要完成多組數和的功能。html

var sum;   
sum = 3+2;
alert(sum);

sum=7+8 ;
alert(sum); 

....  //不停重複兩行代碼

若是要實現8組數的和，就須要16行代碼，實現的越多，代碼行也就越多。因此咱們能夠把完成特定功能的代碼塊放到一個函數裏，直接調用這個函數，就省去重複輸入大量代碼的麻煩。java

使用函數完成:函數

function add2(a,b){
sum = a + b;
 alert(sum);
} //  只需寫一次就能夠

add2(3,2);
add2(7,8);
....  //只需調用函數就能夠

//==============================================================================================code

定義函數

如何定義一個函數呢？看看下面的格式：orm

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

function定義函數的關鍵字，「函數名」你爲函數取的名字，「函數體」替換爲完成特定功能的代碼。htm

咱們完成對兩個數求和並顯示結果的功能。並給函數起個有意義的名字：「add2」，代碼以下：blog

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

結果: 事件

//==============================================================ip

函數調用

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

第一種狀況:在<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>
</html>

注意:鼠標事件會在後面講解。

//================================================================

有參數的函數

上節中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。

注意:函數中參數和返回值不僅是數字，還能夠是字符串等其它類型。

//======================================================

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。