1. 程式人生 > >JavaScript:理解事件、事件處理函式、鉤子函式、回撥函式

JavaScript:理解事件、事件處理函式、鉤子函式、回撥函式


js獲取dom資料的兩種方式:

1  js派函式監聽事件 =>監聽函式就是所謂的鉤子函式=>函式鉤取事件:函式主動找事件=>鉤子函式

2  js預留函式給dom事件,dom事件呼叫js預留的函式 =>事件派發給函式:事件呼叫函式=>回撥函式

打個形象的比喻:書店、你、你小表弟、書店美女店員

書店暫時沒有你要的書,咋辦呢?

 1)你無恥的派了你小表弟在書店24小時蹲守,有人送書來,你表弟就去看下,一旦來了,你表弟就告訴你,並且幫你買下來

2)你留下你的號碼給美女店員,讓她有書就通知你

第一種:你就是js,你表弟就是你派出去的監聽器,監聽函式就是讓你表弟買下了這本書的指令,這個過程沒有美女店員的事

第二種:你依然是js,美女店員是事件,你的號碼就是函式,把號碼留給店員的過程就是把函式注入到事件當中的過程,美女打電話通知你的過程就是回撥,所以你注入的函式就是回撥函式,這個過程沒有你表弟的事

dom通過事件通知js的過程即是回撥,對應的函式就是回撥函式

js通過監聽函式得知事件的過程即是鉤取,對應的函式就是鉤子函式

鉤子函式和回撥函式都是事件處理函式

轉載連結:http://www.jianshu.com/p/a0c580ed3432