화살표 함수 예제

화살표 함수: () => {}

• 축약형으로 입력 할 수 있다.
• 2개이상의 매개변수 입력시 반드시 소괄호()를 입력해줘야 한다.
• 객체 데이터 또한 반환이 가능한데 그때에는 소괄호를 먼저 결과쪽에 감싸주고 중괄호를 입력해준다.

// 화살표 함수
// () => {} vs function () {}
const double = function (x) {
    return x * 2
}

console.log('double: ', double(7))

const doubleArrow = (x) => {
    return x * 2
}
console.log('doubleArrow: ', doubleArrow(5))

// 화살표 함수는 축약형으로 표현이 가능하다
const doubleArrow2 = x => x * 8

console.log('doubleArrow: ', doubleArrow2(5))

// 매개변수가 2개 이상일 경우 () 입력
const doubleArrow3 = (x, y) => x * 8 + y

console.log('doubleArrow: ', doubleArrow3(5,2))

// 객체 데이터를 반환하는 방법 중괄호{}를 소괄호()로 감싸줘야 한다.
const doubleArrow4 = (x, y) => ({
    name: 'oh',
    X: x,
    Y: y
})

console.log('doubleArrow: ', doubleArrow4(5,2))