DESTRUCTURING - Value Shorthands

KimsPractice·2022년 12월 19일
0

ES6의 정석

목록 보기
21/30
post-thumbnail

출처 : Nomadcoders ES6의 정석

ES6에서는 property shorthand라는것이 있다.
간단한거기도 하지만, 실제 사용시에는 굉장히 유용할 것 같다.

말그대로 약칭을 사용하여 생략가능하게 해주는것인데,

기존 오브젝트를 선언할때 우리는 다음과 같이 작성했었다.

const follow = checkFollow();
const alert = checkAlert();

const settings = {
  	//key:value
	follow:follow,
	alert:alert
}

이렇듯 객체를 만들때 키와 값이 같은 이름을 사용할때 우리는 각각 작성을 해주었는데
이것을 굳이 두번쓸 필요없이 하나로 작성할 수 있게 해주는것이 property shorthand이다.

//기존
const settings = {
	follow:follow,
	alert:alert
}

//property shorthand
const settings = {
	follow,
  	alert
}

물론 사용할때 키와 값을 축약한것이기 때문에 데이터가 어디서 오는지 확인할 필요가 있지만,
불필요한 반복을 줄여준다는것이 개인적으로 참 좋다.

profile
난 그냥 살아 아주잘살아

0개의 댓글