JavaScriptにおけるアロー関数
では次に、関数の構文を簡略化するアロー関数について見ていきましょう。
次のコード例では、最初に通常の関数が書かれており、次に対応するアロー関数が書かれています(両方の関数は同じ処理を行います):
let func1 = function(num1, num2) {
let result = num1 * num2;
return result;
}
let func2 = (num1, num2) => {
let result = num1 * num2;
return result;
}
関数のコードが1行のみの場合、アロー関数ではreturnと中括弧を書かなくてもよいです:
let func1 = function(num1, num2) {
return num1 * num2
}
let func2 = (num1, num2) => num1 * num2;
アロー関数のパラメータが1つだけの場合、丸括弧を省略できます:
let func1 = function(num) {
return num * num;
}
let func2 = num => num * num
関数にパラメータが全くない場合は、空の丸括弧を書く必要があります:
let func1 = function() {
console.log('!!!');
}
let func2 = () => console.log('!!!')