概要
アロー関数／アロー関数式は、function定義の短縮構文。
基本形
functionを'=>'に
'function(引数)'を'(引数) =>'の形にするのが基本形。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var func1 = function (x, y) { return x + y; } console.log(func1(1, 2)); // 3 var func2 = (x, y) => { return x + y; } console.log(func2(2, 3)); // 5 |
1行表記の簡略化
さらに以下のように簡略化できる。
{}で囲んで1行表記- 処理内容が1行の場合は
{}が不要 - 引数が1つの場合は引数の
()も不要
|
1 2 3 4 5 6 7 8 9 10 11 |
var func3 = (x, y) => { return x + y; } console.log(func3(3, 4)); var func4 = (x, y) => x + y; console.log(func4(4, 5)); var func5 = x => x * x; console.log(func5(6)); |
ただし引数がないときは()が必要。
|
1 2 3 |
var func6 = () => console.log('arrow function'); func6(); |