[JS] 함수 선언 : 화살표 함수

함수 선언하는 방식

< function 키워드를 사용하는 일반 함수 >
1. 함수 선언문
function A(매개변수) { }

2. 함수 표현식
const A = function (매개변수) { }

------------------------------------------------
< function 키워드 사용하지 않는 방식 >
3. 화살표 함수
const A = (매개변수) => { }

그 중 화살표 함수에 대해 알아보도록 하겠습니다!

---

---

화살표 함수의 패턴

• 매개변수가 1개라면 매개변수를 감싼 소괄호를 없앨 수 있다. (0개, 2개, 3개, ... 모두 다 생략하면 안 됨)

const A = x => {}

• 함수 로직이 return키워드로 시작한다면 대괄호와 함께 생략해줄 수 있다.

const B = x => x * x
//const B = (x) => {x * x}
const C = () => [1,2,3]
//const C = () => {return [1,2,3]}

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

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

console.log(sum(1,2)) //3
console.log(sum(10,15)) //25

• 단, 객체 데이터라면 주의 해줘야한다. 소괄호로 한번 감싸주어야 한다. (객체 데이터가 대괄호로 표현되기 때문)

const D = () => ({a:1})
//const D = () => {return {a:1}}