首頁技術文章正文

JavaScript函數入門|語法規(guī)則、函數調用、變量作用域5分鐘學會

更新時間:2019-12-13 來源:黑馬程序員 瀏覽量:

在Javascript程序中,經常會將一些功能多次重復操作,這就需要重復書寫相同的代碼,這樣不僅加重了開發(fā)人員的工作量,而且增加了代碼后期的維護難度。為此,javascript提供了函數,它可以將程序中煩瑣的代碼模塊化,提高程序的可讀性。下面,將針對函數的相關知識進行講解。

1576219277600_前端6.jpg


什么函數?

比如alert()輸出語句就是函數。其中alert是函數名稱,小括號用于接受的參數,例如下面的代碼:

alert(123);

上面的示例代碼表示將數字123傳入給alert()函數。函數執(zhí)行后就會彈出一個警告框,并將123顯示出來。在 JavaScrip中像alert這樣的函數是瀏覽器內核自帶的,不用任何函數庫引入就可以直接使用,這樣的函數也稱“內置函數”。常見的內置函數還有prompt()、parseInt()、confirm()等。

除了直接調用JavaScrip內置函數,用戶還可以自己定義一些函數,用于封裝代碼。在JavaScrip中,使用關鍵字function來定義函數,其語法格式如下:

function 函數名(參數1, 參數2……){

    函數體

}

從上述語法格式可以看出,函數由關鍵字“ function”、“函數名”、“參數”、“函數體”四部分組成,關于這四部分的解釋如下。

Function:在聲明函數時必須使用的關鍵字。

函數名:創(chuàng)建函數的名稱,函數名稱是唯一的。

參數:在定義函數時使用的參數,目的是用來接收調用該函數時傳進來的實際參數,這類參數稱為“形參”。在定義函數時參數是可選項,當有多個參數時,各參數用逗號“,”分隔。

函數體:函數定義的主體,專門用于實現特定的功能。

對函數定義的語法格式有所了解后,下面演示定義一個簡單的函數show(),具體示例如下:

function show(){

    alert(“輕松學習JavaScript”

}

上述代碼定義的show()函數比較簡單,函數中沒有定義參數,并且函數體重僅使用alert()語句返回一個字符串。

JavaScript函數調用

當函數定義完成之后,要想在程序中發(fā)揮函數的作用,必須調用這個函數。函數的調用非常簡單,只需要引用函數名,并且傳入相應的參數即可。函數調用的語法格式如下:

函數名稱(參數1,參數2……)

在上述語法格式中,參數可以是一個或者多個也可以省略。值得一提的是,調用函數使用的參數和定義函數的參數不同,調用的參數必須具有確定的值,以便把這些傳送給形參,這類參數稱為“實參”。

函數中變量的作用域

函數中的變量需要先定義后使用,但這并不意味著定義變量后就能隨意使用。變量需要在它的作用范圍內才可以使用,這個作用范圍稱為變量的作用域。在javascript中,根據作用域不同,變量可分為全局變量和局部變量,對它們的具體解釋如下。

全局變量:定義的所有函數之外,作用于整個程序的變量。

局部變量:定義在行數體之內,作用于函數變量體的變量。

以上我們介紹了JavaScript函數的基本用法,如果想學習更多web前端知識,請關注黑馬程序員大前端課程。

分享到:
在線咨詢 我要報名
和我們在線交談!