矢印関数

概要

✔申functionキーワードは省略可能

✔申関数にパラメータが1つしかない場合（）カッコは省略できます

✔申関数本体に1つの式しかない場合、括弧を省略できます。return

常に匿名関数

𘚠𘚠は、新しい生成者と一緒に使用できません。これがないから。

const f1 = function() { return 'hello!'; }
// 위 아래 코드는 동등한 결과 출력
const f1 = () => 'hello!';

const f2 = function(name) { return `Hello, ${name}!`; }
// 위 아래 코드는 동등한 결과 출력
const f2 = name => `Hello, ${name}! `;

const f3 = function(a, b) { return a + b; }
// 위 아래 코드는 동등한 결과 출력
const f3 = (a, b) => a + b;

thisと矢印関数

let group = {
  title: "group1",
  students: ["david", "lucas", "henderson"],

  showList() {
    this.students.forEach(
      student => alert(this.title + ': ' + student)
    );
  }
};

group.showList();

let group = {
  title: "group1",
  students: ["david", "lucas", "henderson"],

  showList() {
    this.students.forEach(function(student) {
      // TypeError: Cannot read property 'title' of undefined
      alert(this.title + ': ' + student)
    });
  }
};

group.showList();