1. 程式人生 > >JavaScript學習之小白篇(四-函式的介紹)

JavaScript學習之小白篇(四-函式的介紹)

好好學習 ,天天向上。Are you ready?在這裡插入圖片描述

一、什麼是函式?
需要反覆使用的功能程式碼,封裝成一個獨立的模組,這個模組叫函式。
二、函式的分類?
內建函式和自定義函式
三、函式的型別?
Function
四、函式的好處?
1. 方便管理
2. 一次封裝,多次使用
五、如何宣告函式?
1. 語句定義法?
格式:
function 函式名([形參,形參]){
語句組;
}
2. 表示式定義法?
格式 :
var 函式名 = function([形參,形參]){
語句組;
}
3. 區別:
語句定義法:在任意位置都可呼叫
表示式定義法:先宣告函式,後呼叫
六、如何呼叫函式?
1. 一般呼叫 : 函式名([實參]);
2. 事件呼叫 : 通過觸發事件,呼叫函式
七、函式的引數?


1. 實參: 呼叫函式時所傳遞的引數
2. 形參:定義函式時所傳遞的引數
注:
1. 實參可以是變數、常量 、表示式
2. 形參只能是變數
3. 當實參的數量大於形引數量時,多餘的實參忽略
4. 當實參的數量小於形引數量時,多餘的形參值為undefined
八、函式的返回值
return :
1. 將函式的處理結果返回給呼叫該函式的地方
2. 跳出函式,return語句後面的其它語句都不執行
九、總結函式的寫法
1. 無參無返回值函式
2. 無參有返回值函式
3. 有參無返回值函式
4. 有參有返回值函式
十、事件:
1. 事件、事件驅動、事件處理函式
2. 給物件新增事件的格式
物件.事件驅動 = 函式塊
3. 常見事件
onclick : 滑鼠點選事件
ondblclick: 滑鼠雙擊事件
onfocus : 得焦事件
onblur : 失焦事件
onchange : 改變事件
onload : 載入事件
onmouseup : 滑鼠彈起事件
onmousedown : 滑鼠按下事件
onmouseover : 滑鼠移入事件
onmouseout : 滑鼠移出事件
onmouseenter : 滑鼠移入事件
onmouseleave : 滑鼠移出事件
onmousemove : 滑鼠移動事件
onkeyup : 鍵盤彈起事件
onkeydown : 鍵盤按下事件
onkeypress : 鍵盤按過事件