8.2 Arrow Function

arrow function 寫法

範例 1

// 寫法一
my_btn.addEventListener("click", function(){
  alert("s");
});

// 寫法二
my_btn.addEventListener("click", () => {
  alert("abc");
});

// 寫法三
my_btn.addEventListener("click", () => alert("abc"));

// 與寫法二相同，只是帶入「事件物件」參數
my_btn.addEventListener("click", (e) => {
  alert(e.target.id);
});

範例 2

以下三個寫法結果是相同的：

// 寫法一
var add = function(a, b){
  return a + b;
};

// 寫法二
var add = (a, b) => {
  return a + b;
};

// 寫法三
var add = (a, b) => a + b;

範例 3：觀察 this

觀察在 arrow function 中的 this，例：

範例 4：全選