[Arrow Function이란 무엇인가]

1. Arrow Function

화살표 함수는 ES6부터 추가된 문법으로, 일반적인 익명 함수(annonymous) 표현식을 사용하여 함수를 만든 것보다 간단하게 함수를 표현할 수 있는 방법이다. 화살표 함수는 항상 익명이다.

기존의 함수 표현식에서  function 키워드를 삭제하고 인자를 받는 매개변수의  괄호()와  코드블록({}) 사이에  화살표(=>) 만 넣어준다. 그리고 함수 내부의 내용이 반환값(return)만 있다면 코드블록(함수의 몸통)인  중괄호({})와  return 생략 가능
또 하나 생략할 수 있는 것이 인자가 하나만 받는다면 매개변수의  괄호()도 생략 가능하고, 여기서 주의해야 할 점은 인자가 없으면 생략할 수 없습니다.

 

// annonymous function
let name = function (para1, para2) {
	return expression;
};

// arrow function
let name = (para1, para2) => expression

* 예시

// 일반적인 익명 함수 선언 방식
let sum = function(a,b) {
	return a + b;
};

// Arrow function
let sum = (a, b) => a + b;

let a = () => {
  return new Date();
};

let aa = () => new Date();

let b = (a) => {
  return a * a;
};

let bb = (a) => a * a;

let c = (a, b) => {
  return a + b;
};

let cc = (a, b) => a + b;

let d = (a, b) => {
  console.log(a * b);
};

• Arrow Function's detail info

1)   (매개변수) => { 본문 }

2)   매개변수가 하나뿐인 경우 괄호 생략 가능

3)   매개변수가 없을 경우에는 괄호 필수

4)   본문이  return [식 or 값] 뿐인 경우  { } 와  return 키워드 생략 가능

5)   위 4) 에서  return 할 값이  객체인 경우네는 괄호 필수

 

오늘 이게 메인은 아니니 좀 더 나중에 정리하는걸로..