728x90
객체를 정의하다보면 꽤 자주 key와 value를 같은 이름으로 사용하게 되는 경우가 발생하는데, 같은 단어를 두 번 사용하는게 은근히 귀찮죠. 이런 문제를 해결하는 새로운 표기법이 shorthand property names입니다.
1. shorthand property names
shorthand property names은 객체에서 key와 value명이 같은 경우 축약해서 사용할 수 있게 만들어주는 문법입니다.
//기존 객체 코드
const obj = {
name: name,
color: color,
x: x,
y: ,
};
//shorthand property names를 이용한 코드
const obj = {
name,
color,
x,
y,
};
2. shorthand method names
기존에 객체에 메소드를 선언하려면 {key명: function~}이런식으로 선언했습니다. 하지만 이제 shorthand방식을 적용함으로써 더 간단하고 명료하게 객체의 메소드를 선언할 수 있습니다.
//기존 코드
const obj = {
func: function(param) {},
};
//shorthand method names 적용 코드
const obj = {
func(param) {},
};
참조
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer
728x90
'Programming > Javascript' 카테고리의 다른 글
[Javascript] numeric separators (0) | 2022.01.06 |
---|---|
[Javascript] optional chainning ?. (0) | 2021.11.24 |
[Javascript] default function parameter (0) | 2021.11.24 |
[Javascript] protected와 private 멤버 (0) | 2021.11.24 |
자바스크립트의 this (0) | 2021.11.12 |
댓글