TIL 26. JavaScript - [es6] arrow function

# ES6 = ECMA Script 2015

ECMA Script 의 줄임말로, JavaScript를 표준화 시키기 위해 탄생.
현재 ES10버전까지 나왔으며, 주로 쓰이는 것은 ES6

# arrow function

기존의 function 형태에서 function이 사라지고, () 소괄호만 남아 =>(arrow)표현

참고자료 - MDN arrow function

- 익명함수

//ES5
function(){}
//ES6
() => {}

- 함수명 적용시

//ES5
function getName(){}
//ES6
const getName = () => {}

//호출
getName()

- 단일 인자

//ES5
function getName(name){}

//ES6
const getName = name => {}

//호출
getName()

- 다수 인자

//ES5
function getName(name, age){}

//ES6
const getName = (name, age) => {}

//호출
getName()

- retrun 함수

//ES5
function getName(name){
	return name
}

//ES6
const getName = (name) => {retrun name}
const getName1 = getName1 * 2 
//단순 계산식의 경우 retrun 생략가능.
//retrun 및  {} 생략될경우 => 오른쪽에는 값만 나와야한다.

- {retrun...} 및 retrun 생략을 원할경우 => 에는 값만 나와야함

//ES5
function getFullName(first, family) {
  return first + family;
}


//ES6
const hi = (first, family) => `first + family`; 
const hi = (first, family) => first + family; //Err