javascript
JavaScript入门(part9)--函数
學(xué)習(xí)筆記，僅供參考，有錯(cuò)必糾
參考自：pink老師教案
文章目錄
- JavaScript入門(mén)
- 函數(shù)
- 函數(shù)的概念
- 函數(shù)的使用
- 函數(shù)的參數(shù)
- 函數(shù)的返回值
- arguments的使用
- 函數(shù)的兩種聲明方式
JavaScript入門(mén)
函數(shù)
函數(shù)的概念
函數(shù)：就是封裝了一段可被重復(fù)調(diào)用執(zhí)行的代碼塊。通過(guò)此代碼塊可以實(shí)現(xiàn)大量代碼的重復(fù)使用。
函數(shù)的使用
- 聲明函數(shù)
// 聲明函數(shù) function 函數(shù)名() {//函數(shù)體代碼 }
- 調(diào)用函數(shù)
// 調(diào)用函數(shù) 函數(shù)名(); // 通過(guò)調(diào)用函數(shù)名來(lái)執(zhí)行函數(shù)體代碼
注意，聲明函數(shù)本身并不會(huì)執(zhí)行代碼，只有調(diào)用函數(shù)時(shí)才會(huì)執(zhí)行函數(shù)體代碼。
- 函數(shù)的封裝
函數(shù)的封裝就是把一個(gè)或者多個(gè)功能通過(guò)函數(shù)的方式封裝起來(lái)，對(duì)外只提供一個(gè)簡(jiǎn)單的函數(shù)接口，封裝類(lèi)似于將電腦配件整合組裝到機(jī)箱中。
函數(shù)的參數(shù)
- 形參與實(shí)參
形參，形式上的參數(shù)，是函數(shù)定義時(shí)設(shè)置的，可以簡(jiǎn)單理解為：不用聲明的變量，形參的默認(rèn)值為undefined；
實(shí)參，實(shí)際上的參數(shù)，是函數(shù)調(diào)用時(shí)傳入的真實(shí)數(shù)據(jù)。
- 參數(shù)的作用
在函數(shù)內(nèi)部某些值不能固定，我們可以通過(guò)參數(shù)在調(diào)用函數(shù)時(shí)傳遞不同的值進(jìn)去。
- 函數(shù)參數(shù)的運(yùn)用
調(diào)用的時(shí)候?qū)崊⒅凳莻鬟f給形參的，實(shí)參和形參的多個(gè)參數(shù)之間用逗號(hào),分隔。
- 函數(shù)形參與實(shí)參數(shù)量不匹配
函數(shù)的返回值
- return語(yǔ)句
函數(shù)執(zhí)行完成后，可以利用return語(yǔ)句將指定數(shù)據(jù)返回.
// 聲明函數(shù) function 函數(shù)名(){...return 需要返回的值； } // 調(diào)用函數(shù) 函數(shù)名(); // 此時(shí)調(diào)用函數(shù)就可以得到函數(shù)體內(nèi)return 后面的值在使用return語(yǔ)句時(shí)，函數(shù)會(huì)停止執(zhí)行，并返回指定的值；如果函數(shù)沒(méi)有return，返回的值是undefined。
- break ,continue ,return 的區(qū)別
break ：結(jié)束當(dāng)前的循環(huán)體；
continue ：跳出本次循環(huán)，繼續(xù)執(zhí)行下次循環(huán)；
return ：不僅可以退出循環(huán)，還能夠返回 return 語(yǔ)句中的值，同時(shí)還可以結(jié)束當(dāng)前的函數(shù)體內(nèi)的代碼。
arguments的使用
當(dāng)不確定有多少個(gè)參數(shù)傳遞的時(shí)候，可以用arguments來(lái)獲取。JavaScript 中，arguments實(shí)際上它是當(dāng)前函數(shù)的一個(gè)內(nèi)置對(duì)象，所有函數(shù)都內(nèi)置了一個(gè)arguments對(duì)象，arguments 對(duì)象中存儲(chǔ)了傳遞的所有實(shí)參。
arguments展示形式是一個(gè)偽數(shù)組，因此可以進(jìn)行遍歷，偽數(shù)組具有以下特點(diǎn)：
- 具有l(wèi)ength屬性
- 按索引方式儲(chǔ)存數(shù)據(jù)
- 不具有數(shù)組的push , pop 等方法
注意！在函數(shù)內(nèi)部使用該對(duì)象，用此對(duì)象獲取函數(shù)調(diào)用時(shí)傳的實(shí)參。
- 舉個(gè)例子
HTML頁(yè)面：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>數(shù)據(jù)類(lèi)型</title><script>function demo1() {console.log(arguments);console.log(arguments.length);console.log(arguments[1]);}demo1(10, 20, 30);</script></head><body></body></html>控制臺(tái)：
函數(shù)的兩種聲明方式
- 自定義函數(shù)方式(命名函數(shù))
利用函數(shù)關(guān)鍵字function自定義函數(shù)方式：
// 聲明定義方式 function fn() {...} // 調(diào)用 fn();因?yàn)橛忻?#xff0c;所以也被稱(chēng)為命名函數(shù)，調(diào)用函數(shù)的代碼既可以放到聲明函數(shù)的前面，也可以放在聲明函數(shù)的后面。
- 函數(shù)表達(dá)式方式(匿名函數(shù))
利用函數(shù)表達(dá)式方式的寫(xiě)法如下：
// 這是函數(shù)表達(dá)式寫(xiě)法，匿名函數(shù)后面跟分號(hào)結(jié)束 var fn = function() {...}; // 調(diào)用的方式，函數(shù)調(diào)用必須寫(xiě)到函數(shù)體下面 fn();因?yàn)楹瘮?shù)沒(méi)有名字，所以也被稱(chēng)為匿名函數(shù)，這個(gè)fn里面存儲(chǔ)的是一個(gè)函數(shù)，函數(shù)表達(dá)式方式原理跟聲明變量方式是一致的，函數(shù)調(diào)用的代碼必須寫(xiě)到函數(shù)體后面。
總結(jié)
以上是生活随笔為你收集整理的JavaScript入门(part9)--函数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 日立空调售后电话
- 下一篇： JavaScript入门(part10)