Arrow Function
📍 화살표 함수는 함수표현식 혹은 익명함수에서만 가능하다
📍 매개변수, 함수내부 로직의 길이에 따라 소괄호,중괄호를 생략할 수 있음

화살표 함수 사용법

• () => {} vs function () {}
• 화살표는 함수 표현식 혹은 익명함수에 가능
• 함수 선언만 할 때는 불가능

toObject (x,y) => x+y //불가능
const toObject = (x,y) => x + y

1. function키워드 생략 , => 화살표 추가
2. return 값앞에 실행문이 따로 없다면 {} 생략 가능
3. 매개변수가 1개라면 ()괄호 생략 가능

const double = function(x) {
  return x * 2
}
console.log('double: ', double(7))

const doubleArrow = x => x*2

• 중괄호{}를 쓰면 return 키워드 반드시 써야한다.

const doubleArrow = x => {return x * 2}

• 객체 데이터를 사용하고 싶다면 중괄호가 중복된다. ({})
  • 함수에서 중괄호는 블록으로 인식 따라서 소괄호(())를 묶어준다.
  • 매개변수 ⇒ ( {객체데이터} )

const Zeeyoon = {
	name: 'jiyoon',
	age: 27,
	email: abc@gmail.com
}

const doubleArrow = x => { name: 'Zeeyoon'} //undefined
const doubleArrow = x => ({ name: 'Zeeyoon'}) //{name: 'Zeeyoon'}

• 화살표함수와 일반함수의 this 바인딩에 관한 내용도 알아두기