JavaScript——函數(包括:函數的概述、函數的聲明和調用、函數封裝的定義、函數的參數(形參和實參)、函數返回值(return)、arguments的使用、函數的兩種聲明方式)

函數的概述

  • 函數就是封裝了一段可以被重複執行調用的代碼塊。
  • 目的:讓大量代碼重複使用。

函數的使用

  • 函數在使用的時候分爲以下兩步:

    (1)聲明函數

    (2)調用函數

1.聲明函數

//聲明函數
function 函數名(){
  //函數體代碼
}

2.調用函數

//調用函數
函數名();			//通過調用函數名來執行函數體代碼

3.擴展(函數的封裝的定義)

  • 函數的封裝就是把一個或者多個功能通過函數的方式封裝起來,對外只提供一個簡單的函數接口。

函數的參數

  • 在聲明函數 時,可以在函數名稱後面的小括號中添加一些參數,這些參數被稱爲形參,而在調用該函數時,同樣也需要傳遞響應的參數,這些參數被稱爲實參。
參數 說明
形參 形式上的參數。函數定義的時候傳遞的參數,一開始並不知道是什麼,是用來接受實參的。
實參 實際上的參數。函數調用的時候傳遞的參數,實參是傳遞給形參的。
  • 參數的作用:在函數內部某些值不能固定,我們可以通過參數在調用函數時傳遞不同的值進去。

  • 多個參數中間用逗號分隔。

  • 函數形參和實參個數不匹配時,會出現以下情況:

參數個數 說明
實參個數等於形參個數 輸出正確結果
實參個數多於形參個數 只取到形參的個數
實參個數小於形參個數 多多形參定義爲undefine

函數的返回值

  • 通過return語句就可以實現將函數中的值返回給調用值。
function getSum(num1, num2){
  return num1 + num2;
}
console.log(getSum(1,1));
  • return除了有返回值的作用,還有以下特點:

    (1)return語句之後的代碼是不會被執行的

    (2)return語句只能返回一個值,如果用逗號隔開,以最後一個爲準

  • 函數都是有返回值的:

    (1)如果有return,則返回return後面的值

    (2)如果沒有return,則返回undefined

  • break,continue,return的區別

名稱 說明
break 結束當前的循環體
continue 跳出本次循環,繼續執行下次循環
return 不僅可以退出循環,還能夠返回return語句中的值,同時還可以結束當前函數題內的代碼

arguments的使用

  • 在JavaScript中,arguments是當前函數的一個內置對象,所有函數都內置了一個arguments對象,arguments對象中存儲了傳遞的所有實參。

  • arguments實際是一個僞數組,因此可以進行遍歷。

  • 僞數組具有以下特點:

    (1)具有length屬性

    (2)按索引方式儲存數據

    (3)不具有數組的push,pop等方法

function fn(){
  console.log(arguments);
}
fn(1,2,3,4);

函數的兩種聲明方式

  • 函數主要有以下兩種聲明方式:

    (1)利用函數關鍵字自定義函數(命名函數)

    function fn(){
      
    }
    

    (2)函數表達式(匿名函數)

    var 變量名 = function(){
      
    }
    

Tips

  • 函數是可以調用另外一個函數的。

微信公衆號也會定期更新,覺得文章寫得還可以的,可以加個關注!點個贊!謝謝!

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章