화살표 함수 Arrow Function

화살표 함수 Arrow Function

 

화살표 함수는 익명함수이다.

기존의 익명함수를 매우 간단하게 한줄로 표현할 수 있다. 

 

화살표 함수 작성하는 순서 기억법 

1) 코드로 한줄로 바꾼다. 

2) function 삭제, { } 삭제, 삭제한 { 위치에 => 를 작성한다. 

3) return 을 삭제한다. 

// Arrow Function
// always anonymous

const simplePrint = function(){
  console.log('simplePrint');
});

const simplePrint = () => console.log('simplePrint');

const add = function(a, b){
  retrun a + b;
};

const add = (a, b) => a + b;

const simpleMultiply = (a, b) => {
  return a + b;
};

4) 만약 블럭을 살리고 싶으면 return 을 살려둔다. 

 

참고로, 아래는 즉시실행함수 샘플 

// IIFE: Immediately Invoked Function Expression
function hello(){
  console.log('IIFE');
};
hello();

(function hello(){
  console.log('IIFE');
})();

hell() 함수를 선언하고 호출해야 하는데, 이 호출 없이 즉각 실행하도록 하는 함수이다. 

기존 함수를 ( )로 감싸고, ) 뒤에 (); 를 붙이면 즉시실행함수로 변한다.

 

 

[참고 사이트] 

MDN Web Docs - 화살표 함수