[JavaScript] Arrow Function


Arrow Function

  • 「矢印関数」
  • 既存のfunciton関数宣言よりも短い表現
  • functionキーワード省略
  • 括弧内にパラメータを入力してから書く=>括弧を開いてコードを書く
  • 例:x,y値を受け入れてコンソールウィンドウに出力する

    既存の関数

    const example1 = function(x, y) {
    	console.log(x, y);
    };
    
    또는
    
    function example1(x, y) {
    	console.log(x, y);
    };

    矢印関数!!

    const example2 = (x,y) => {
      	console.log(x,y); 
    };
    
    // 함수 호출
    example(6, 8)
  • 上記のように、戻り値のみの短い関数については、括弧と戻り値を省略して、戻り値を直接入力できる
  • const example3 = (x, y) => console.log(x, y);
    
    // 함수호출
    example2(7,8);