[Deep JavaScript] ES6 - Arrow Function

[Deep JavaScript] ES6 - Arrow Function

👉 화살표 함수

• 화살표 함수 표현(arrow function expression)은 기존 function 표현에 비해 구문이 짧다.

• 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않는다.

• 화살표 함수는 항상 익명이고 메소드 함수가 아닌 곳에 가장 적합하다.

👉 기본 예시

/* 변경 전
   let sum = function(a, b) {
     return a + b;
   };*/


// 변경 후
   let sum = (a, b) => a + b;
   console.log(sum(1, 2)); 
   // result : 3


// 괄호 생략 가능
   let double = n => n * 2;
   console.log(double(3)); 
   // result : 6


// 매게변수가 없을 경우
   let hi = () => alert("hello");


// 삼항연산자 활용
   let age = prompt("나이를 알려주세요.");
   let hi = (age < 28) ?
       () => alert('안녕') :
       () => alert("안녕하세요!");


// 여러 줄일때 (중괄호)
   let sum = (a, b) => {  
     // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줍니다.
     let result = a + b;
     return result; 
     // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 합니다.
   };
   alert(sum(1, 2)); 
   // result : 3

------------------------------------------------------------------------------