💭

[Javascript] Arrow Function

2022/08/07に公開

Function Expressionとの違い

・中括弧{}が必要ない。
・暗黙のうちに、return が発生している。

パラメータが一つしかない場合 & コードが一行しかない 場合

// Arrow Function
const calcAge3 = birthYear => 2037 - birthYear; // 中括弧{}が必要ない。
const age3 = calcAge3(1991); // return不要
console.log(age3);

パラメータが一つしかない & コードが一行以上の 場合

const yearsUntilRetirement = birthYear => {
    const age = 2037 - birthYear;
    const retirement = 65 - age;
    return retirement; // return必要
}
console.log(yearsUntilRetirement(1991));

複数のパラメーターがある場合

const yearsUntilRetirement = (birthYear, firstName) => {
    const age = 2037 - birthYear;
    const retirement = 65 - age;
    //return retirement;
    return `${firstName} retires in ${retirement} years`;
}
console.log(yearsUntilRetirement(1991, `Jonas`));
console.log(yearsUntilRetirement(1995, `Bob`));

Discussion