首頁  >  文章  >  web前端  >  JavaScript工作體系中不可或缺的函數

JavaScript工作體系中不可或缺的函數

小云云
小云云原創
2017-12-06 16:40:591486瀏覽

一、函數的概念
日常生活中,我們要完成一件事,總是習慣先有一個計劃,後期按照計劃,一步一步執行,則能夠完成,並且達到一定效果實現一定的功能。在程式設計的世界裡,“功能”可稱為“函數”,因此“函數”即一段實現了某種功能的程式碼,並且可以供其他程式碼呼叫。
在JavaScript中,函數是由事件驅動的,或是當它們被呼叫時執行的可重複使用的程式碼區塊。

有關JavaScript的工作原理,可以參考《javascript的工作原理》

例如:

JavaScript工作體系中不可或缺的函數

二、JavaScript函數語法
在JavaScript中,函數即使用關鍵字「function」 修飾的一個帶有名字的程式碼區塊。格式如下

JavaScript工作體系中不可或缺的函數

類比之前的例子,找出成分;定義一個自己的方法,彈出顯示框,顯示自己的名字。
提示:JavaScript對大小寫敏感。關鍵字function必須是小寫的。

三、定義帶參數的函數

JavaScript工作體系中不可或缺的函數

#當我們執行方法時,需要外部提供一些資料作為原材料時,則需要在方法定義時,給一個名字(形參),作為參數的標識,在方法體中則可以透過名字使用這些資料。呼叫時,按需傳入資料(實參),在方法的執行過程中,依照傳入的位置使用實際的資料。

形參:方法定義時傳入的數據,只是名字而已。在方法體中使用該名字即可。
實參:方法呼叫時出啊怒的數據,真實的數據,在方法執行時操作的即該數據。
提示:無論是形參或實參,可以有任意的個數,如果有多個參數,則參數與參數之間用 ”,”分割,最後一個參數後沒有 ”,”。

四、帶有回傳值的函數

JavaScript工作體系中不可或缺的函數

#當遇到有些方法執行完以後,我們需要得到一個結果時,則這個方法應該具有傳回值。在方法體中使用”return”關鍵字送出最終的結果。

提示:當方法體中有”return」語句並回傳了資料時,在呼叫方法除可以使用變數接收結果;當方法體中沒有」return」語句時,在方法呼叫出,不能使用變數接收結果。

五、總結
方法的出現是為了提高程式碼的重用性。當需要完成特定的功能時,我們可以將完成該功能的程式碼組合在一起,給這塊程式碼區塊取個名字,並用function關鍵字修飾,此時程式碼區塊就成了一個方法。此方法在其他需要的地方都可以透過方法的名字進行呼叫。方法必須要被呼叫才會被執行。

return的作用:1、送出結果;2、提前結束方法

學習完後應該達到以下3個效果,就算大功告成!
第一:能定義一個方法;
第二:能呼叫方法;
第三:能在方法體中傳回結果;


##一、函數的概念

日常生活中,我們要完成一件事,總是習慣先有一個計劃,後期按照計劃,一步一步執行,則能夠完成,並且達到一定效果實現一定的功能。在程式設計的世界裡,“功能”可稱為“函數”,因此“函數”即一段實現了某種功能的程式碼,並且可以供其他程式碼呼叫。
在JavaScript中,函數是由事件驅動的,或是當它們被呼叫時執行的可重複使用的程式碼區塊。

有關JavaScript的工作原理,可以參考《javascript的工作原理》

例如:

JavaScript工作體系中不可或缺的函數

二、JavaScript函數語法

在JavaScript中,函數即使用關鍵字「function」 修飾的一個帶有名字的程式碼區塊。格式如下

JavaScript工作體系中不可或缺的函數

類比之前的例子,找出成分;定義一個自己的方法,彈出顯示框,顯示自己的名字。

提示:JavaScript對大小寫敏感。關鍵字function必須是小寫的。

三、定義帶參數的函數

JavaScript工作體系中不可或缺的函數#

當我們執行方法時,需要外部提供一些資料作為原料時,則需要在方法定義時,給一個名字(形參),作為參數的標識,在方法體中則可以透過名字使用這些資料。在呼叫時,按需傳入資料(實參),在方法的執行過程中,依照傳入的位置使用實際的資料。

形參:方法定義時傳入的數據,只是名字而已。在方法體中使用該名字即可。
實參:方法呼叫時出啊怒的數據,真實的數據,在方法執行時操作的即該數據。
提示:無論是形參或實參,可以有任意的個數,如果有多個參數,則參數與參數之間用 ”,”分割,最後一個參數後沒有 ”,”。

四、帶有回傳值的函數

JavaScript工作體系中不可或缺的函數

#當遇到有些方法執行完以後,我們需要得到一個結果時,則這個方法應該具有傳回值。在方法體中使用”return”關鍵字送出最終的結果。

提示:當方法體中有”return」語句並回傳了資料時,在呼叫方法除可以使用變數接收結果;當方法體中沒有」return」語句時,在方法呼叫出,不能使用變數接收結果。

五、總結
方法的出現是為了提高程式碼的重用性。當需要完成特定的功能時,我們可以將完成該功能的程式碼組合在一起,給這塊程式碼區塊取個名字,並用function關鍵字修飾,此時程式碼區塊就成了一個方法。此方法在其他需要的地方都可以透過方法的名字進行呼叫。方法必須要被呼叫才會被執行。

return的作用:1、送出結果;2、提前結束方法

學習完後應該達到以下3個效果,就算大功告成!
第一:能定義一個方法;
第二:能呼叫方法;
第三:能在方法體中回傳結果;

以上內容就是JavaScript工作體系中不可或缺的函數,希望能幫助大家。

關於js函數中this的理解

js函數中的自執行函數

淺聊JS函數定義方式的差異

以上是JavaScript工作體系中不可或缺的函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn