iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 8
0
Modern Web

菜鳥前端奮鬥史(欸?系列 第 8

Day08 「來分享筆記吧!」 ─ 談談 JavaScript 箭頭函式

  • 分享至 

  • xImage
  •  

今天來分享一下日前觀看 Hi 直播學程式 時的筆記心得吧


【HiSKIO 直播開講】=> 箭頭函式的魔鬼細節

一、 Arguments

為內建的 區域變數,用來存放函式內的參數資料。
更詳細的資料參閱:Arguments 物件的使用

Arguments 在箭頭函式中不存在(無法使用)

在箭頭函式中,Arguments 不會被被定義。

二、 this

為函式的 綁定物件,綁定物件在不同的情況下會對應到不同的東西。
帶個 範例 比較容易明白
箭頭函式 本身沒有獨立的綁定物件
箭頭函式 不適合 作為 物件的方法( Method ) 中使用 (因為在撰寫上十分彆扭,不方便)
同理
事件處理器上,綁定物件代表觸發的對象;但若使用箭頭函數,就無此對應關係 (會回饋到全域變數 window 上)

三、 constructor

即建構式。
Q:何謂「建構式」?
A:用來製造物件的函式。
如下例:

let Point = (x,y){
  this.x = x;
  this.y = y;
}; 

let p = new Point(3,4);
alert(p.x+','+p.y);

由於箭頭函式沒有綁定物件,所以無法使用建構式( constructor )

補充資料


>>隊友任意門<<

我是小菜鳥阿陰,我們下次見!


上一篇
Day07 「今天只是想偷個懶..」 ─ 來介紹一下那些幫助開發的 Chrome 插件吧!
下一篇
Day09 「都去整形從零開始」 ─ Reset CSS 的重要?
系列文
菜鳥前端奮鬥史(欸?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言