iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 5
0
自我挑戰組

你看微客=[ 前端領域 - 超入門 ]系列 第 5

Javascript---[ 事件處理、函式進階 ]---無用小觀念

  • 分享至 

  • xImage
  •  

事件處理

  • 事件:瀏覽器被觸發的事件,例如頁面 load 完成事件、 DOM 事件( 如 click、mousemove、dragstart... )、鍵盤事件、觸控事件、視窗縮放事件、接收到網路資料事件...等等各種不同類型。
  • 針對預設可能會發生的各種不同類型事件,撰寫對應的事件處理程序( 稱為 callback、handler )。
  • 當事件處理程序被呼叫時,會自動傳入一個事件物件( eventObj ),內含事件相關資訊,如:被觸發事件的元素( target )、事件何時發生...等各類資料訊息,以供處理程序運用,事件物件的內容會依事件類型而不同而有所差異。
  • getElementsByTagName 方法會回傳一個 NodeList 物件,可將其視為一個陣列,利用陣列所引來取得各索引位置對應的元素物件
  • Javascript只有一個佇列( queue )及一個執行緒( thread of control),這意味著一次只能處理一件事情,故處理程序程式碼的好壞會大大的影響瀏覽器執行的效率
  • setTimeout 方法完整寫法應為 window.setTimeout,但因 window 物件屬於全域物件,故可省略物件名稱

函式進階

  • 在Javascript中,請將函式視為"值"來處理,如同數字、字串、boolean和物件一樣,能賦值給變數、當成引數傳遞、或從另一個函式中回傳
  • 建立一個函式,可使用函數宣告函式運算式兩種不同的方式。
    @ 函式宣告( function declaration ): function murmur () {}
    => 會建立與函式名稱同名的變數,並把函式的位址賦值給變數
    @ 函式運算式( function expression ): function () {}
    => 會產生函式的位址值
  • 瀏覽器在讀取時,會先掃描函式宣告,待執行程式碼時才會去處理函式運算式
  • 使用陣列的 sort 方法來排序時,需將用來比較的函式( 自行定義 )作為引數傳入

上一篇
Javascript---[ DOM、資料型別 ]---無用小觀念
下一篇
Javascript---[ 閉包 ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言