[JS]단축 속성명

feelslikemmmm·2021년 6월 11일
0

javascript

목록 보기
35/37
post-thumbnail

단축 속성명(shorthand property names)는 객체 리터럴 코드를 간편하게 작성할 목적으로 만들어진 문법입니다

예시에서는 name과 getName이라는 속성을 단축 속성명으로 입력했습니다

기존에 있던 name이라는 변수를 그대로 입력을 하는 것인데요

그러면 변수 이름 그대로 속성 이름이 되고 값은 변수가 갖고 있던 값이 그대로 할당이 됩니다

또한 getName처럼 함수를 입력하면 함수 이름이 그대로 속성 이름이 됩니다

만약에 단축 속성명이 없었다면

이런 방식으로 입력을 했어야 할 겁니다

단축 속성명을 사용한 코드와 사용하지 않는 코드를 비교해보겠습니다

객체를 만들어서 반환을 해주는 함수인데요 makePerson2처럼 단축 속성명을 사용하면 간편하게 작성할 수 있습니다

단축 속성명을 사용하면 디버깅할 때도 간편하게 코드를 작성할 수 있습니다

첫번째 console.log를 보면 두 결과 값이 어떤 변수를 가르키는지 나타지 않아서 알아보기 힘듭니다.

두번째 console.log를 보면 두 결과 값이 어떤 변수를 가르키는지 잘 나타내지만 코드 작성이 번거롭습니다.

세번째 console.log를 보면 단축 속성명을 이용해서 간편하게 작성하고 결과 값도 잘 구분되어집니다.

이 포스팅은 이재승 강사님의 실전 자바스크립트 강의를 토대로 공부하여 작성되었습니다

profile
꾸준함을 잃지 말자는 모토를 가지고 개발하고 있습니다 :)

0개의 댓글