JavaScriptのアロー関数 (入門)

2018年12月19日JavaScript, Programming, TECHNOLOGY

はい、今回はアロー関数です。

(簡単な使い方なので短いです)

 

例えば、

function sum(a, b){
    return a + b;
}
console.log(sum(2, 4)); // 6

という関数があった時

let sum = (a, b) => a + b;
console.log(sum(2, 4)); // 6

というように簡略して書けます。

 

引数なしの場合

let hello = () => console.log("Hello World");
hello(); // Hello World

let hello = () => "Hello World";
console.log(hello()); // Hello World

と書くことができます。

 

関数を複数行に書くこともできます。
その際には通常の関数同様に鉤括弧{}を使用します。

let sum = (a, b) => {
    let result = a + b;
    return result;
}
console.log(sum(2, 4)); // 6

 

アロー関数を使用すると

function checkAndDo(sw, yes_func, no_func){
    if(sw) yes_func();
    else no_func();
}
checkAndDo(
    true,
    function(){console.log("YES");},
    function(){console.log("NO");},
);

のような書き方を

function checkAndDo(sw, yes_func, no_func){
    if(sw) yes_func();
    else no_func();
}
checkAndDo(
    true,
    () => console.log("YES");,
    () => console.log("NO");,
);

と書けます。

 

確かな力が身につくJavaScript「超」入門 第2版

狩野 祐東
2,728円(04/01 17:47時点)
発売日: 2019/09/21
Amazonの情報を掲載しています
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

山田 祥寛
3,278円(04/01 21:15時点)
発売日: 2016/09/30
Amazonの情報を掲載しています
スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

リブロワークス
2,035円(04/02 04:29時点)
発売日: 2018/06/22
Amazonの情報を掲載しています