首頁技術文章正文

JavaScript函數介紹:5分鐘了解JavaScript[web前端培訓]

更新時間:2020-04-08 來源:黑馬程序員 瀏覽量:

什么是函數?

把一段相對獨立的具有特定功能的代碼塊封裝起來,形成一個獨立實體,就是函數,起個名字(函數名),在后續(xù)開發(fā)中可以反復調用。函數的作用就是封裝一段代碼,將來可以重復使用。推薦了解黑馬程序員web前端課程。


為什么要使用函數?為了解決代碼的重用!減少代碼量。


函數的分類

系統(tǒng)內置函數 和 程序員自定義函數


定義函數

function 函數名([參數列表]){

    函數體

}


結構說明:


·function它是定義函數的關鍵字 不可以省略。

·函數名它的命名規(guī)則與變量名是一樣的

(1)可以使用大小寫英文字母、下劃線(_)、美元符號($)、數字組成

(2)不能使用數字開頭

(3)不能使用JS中的關鍵字和保留字作為函數名

(4)如果函數是由多個單詞組成的,那么可以使用下劃線連接法和駝峰法

(5)嚴格區(qū)分大小寫


·函數名后面緊跟著一對小括號 這一對小括號不能省略

·小括號里面可能有參數,我們將其稱之為形參

·小括號后面緊跟著一對大括號 這一對大括號不能省略

·大括號里面是函數體

JavaScript函數 (1).jpg


注意:函數定義了一定要調用函數

調用函數


JavaScript函數 (2).png


格式:

    函數名([實參列表])


注意:在定義函數時如果有形參  反過來說 在調用的時候也要有實參 但是這個不是絕對的!


同名函數后面的會將前面的覆蓋

1586325516130_JavaScript函數 (3).png


函數一定是先定義后再調用  



函數的參數

函數的參數分為兩種:

形式參數和實際參數

形式參數:在定義函數的時候的參數就稱之為形式參數,簡稱“形參”。在定義函數的時候 在函數名的后面的小括號里面給的變量名。

實際參數:在調用函數的時候的參數就稱之為實際參數,簡稱“實參”。

1586325580175_JavaScript函數 (4).png


在一個函數中,參數的多少是根據功能來定義的!

1586326720656_JavaScript函數01.png


使用函數來動態(tài)的輸出M行N列的表格

1586326735441_JavaScript函數02.png


return關鍵字

一般在函數體里面不會有輸出語句,只會有一個return關鍵字,將我們要輸出的內容返回給函數的調用者。

·return在英文中表示“返回”的意思

·return關鍵字是在函數體里面使用。


它在函數體使用有兩層含義:

  1. 當函數體里面遇到了return關鍵字以后,當前的這個函數就不會再往下進行執(zhí)行了。



    JavaScript函數 (5).png


2.它會向函數的調用者返回數據(重點)返回值 


格式:return數據;

在調用函數時可以定義一個變量要接收到這個函數的返回值

JavaScript函數 (6).png


注意:

我們在以后的工作中,函數體里面盡量不要有輸出語句(document.write alert console.log ),盡量的使用return關鍵字將數據返回給函數的調用者。


特別強調:

·在一個函數里面,return關鍵字可以有多個,但是return只會執(zhí)行一次;

·return關鍵字它只能返回一個數據,如果需要返回多個數據,我們可以將多個數據使用數組的方式來保存,然后再將數組返回。


匿名函數

什么是匿名函數?

沒有名字的函數 稱之為匿名函數!注意:匿名函數在JS中使用最多。


匿名函數也是需要調用的!

將匿名函數賦值給變量或者是事件

a)將匿名函數賦值給變量,然后通過變量名加上小括號來調用匿名函數

1586326582463_JavaScript函數03.png


b)將匿名函數賦值給事件     *****

將匿名函數賦值給事件,那么匿名函數什么時候才會執(zhí)行?它要等到事件觸發(fā)了以后,匿名函數才會執(zhí)行。

1586326595370_JavaScript函數04.png


變量的作用域

什么是變量的作用域?

指變量在什么地方可以使用,什么地方不可以使用。

變量作用域的分類

變量作用域分為:全局作用域和局部作用域。

變量的作用域是通過函數來進行劃分的。


在函數外面定義的變量我們將其稱為全局變量,它的作用域是全局的。

全局作用域: 在任何地方都可以訪問到的變量就是全局變量,對應全局作用域

局部作用域: 在固定的代碼片段內可訪問到的變量,最常見的例如函數內部。對應局部作用域(函數作用域)


問:是否能夠提升局部變量的作用域呢?將局部變量的作用域提升至全局作用域。在函數里面定義的變量也能夠在函數外面訪問到。

只需要將函數里面定義的變量的var關鍵字給去掉就可以實現(xiàn)將局部變量的作用域提升至全局作用域。

但是:并不建議直接就var 關鍵字給省略,我們建議在函數的外面定義一個同名的全局變量。

猜你喜歡:

JavaScript引入方式有哪些?


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