화살표 함수 소괄호() vs 중괄호{}

Kingmo·2022년 4월 2일
1

아래와 같이 중괄호로 감싼 화살표 함수를 실행하면 어떻게 될까?

let aaa = "asdf"
const test1 = () => {
	aaa = "ffff"
}
test1()

위 사진과 같이
화면의 뒤 쪽에서 만 처리하고 값을 반환하지 않는다.

때문에 값을 반환 하려면 아래와 같이 return 처리를 해줘야한다.

let aaa = "asdf"
const test1 = () => {
	aaa = "ffff"
  	return aaa
}

그렇다면 아래와 같이 소괄호로 감싼 화살표 함수를 실행하면?

let aaa = "asdf"
const test1 = () => (
	aaa = "ffff"
)
test1()

return 처리를 하지 않아도 값이 반환된다.

화살표 함수에서 () => () 처럼 소괄호로 감싸면 return문을 작성하지 않아도 리턴된다.
반면 () => {}처럼 중괄호로 감쌌다면 return문이 있어야만 리턴 값을 반환한다.

profile
Developer

0개의 댓글