4.4 함수 화살표 함수(Arrow function)

const sum = () => {}

ES6에서 새롭게 나온 문법이다. 이전보다 훨씬 더 단순하고 간결하게 함수 문법을 작성할 수 있다.

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

	console.log(1, 2) // 3

위 코드를 아래와 같이 줄일 수 있다.

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

	console.log(1, 2) // 3

return {} 와 함께 줄일 수 있어서 간단하게 작성할 수 있다.

화살표 함수의 여러가지 사용 패턴

const a = () => {}
const b = x => {}
const c = (x, y) => {}
const d = x => { return x * x }
const e = x => x * x
const f = x => {
	console.log(x * x)
	return x * x
}
const g = () => { return { a: 1 } }
const h = () => ({ a: 1 })
const i = () => { return [1, 2, 31]}
const j = () => [1, 2, 3]

객체는 괄호로 감싸 주어야 한다.