【JavaScript備忘録】アローファンクション

こんにちは！セミマサです。この記事はアローファンクションの備忘録になります。

アローファンクションの書き方

//通常の書き方
const normal = function(){
    return 'normal:hello world!';
};
//アロー
const arrow = () =>{
    return 'arrow:hello world!';
};

//通常の書き方

const normal = function(){

return 'normal:hello world!';

};

//アロー

const arrow = () =>{

return 'arrow:hello world!';

};

アローファンクションではfunction()を() =>とできるのでちょっとだけ記述が短くなりますね。

const one_line = ()=> 'one_line:hello world';
const one_call = one_line();
console.log(one_call);

const one_line = ()=> 'one_line:hello world';

const one_call = one_line();

console.log(one_call);

・処理が1行だけの場合{}を省略できる。

・処理結果をそのまま返す場合はreturnも省略できる。

上記のコードを実行するとコンソールにone_line:hello worldと出力されます。

const arrow2 = (argument)=>{
    return argument;
};

const arrow2 = (argument)=>{

return argument;

};

・引数を渡す場合上記のように書く。

const arrow3 = argument => {
    return argument;
};

const arrow3 = argument => {

return argument;

};

・引数が1つだけの場合引数のカッコを省略できる。

const arrow4  = (sei,mei) =>{
    return sei + mei;
};

const arrow4 = (sei,mei) =>{

return sei + mei;

};

・引数が2つ以上の場合はカンマ区切りで指定する。

アローファンクションに関しての備忘録でした。新しい発見があったら追記します。