단축 속성명/ 단축 메서드명/ 계산된 속성명

hongcoder·2020년 9월 13일
0

Front-end

목록 보기
7/12

단축 속성명(Shorthand property names)

단축 속성명이란 객체를 정의할 때 객체의 Key와 Value값이 같을 시,

Key = Value일 때 각 값을 반복해서 표기하지않고 한번만 표현하는 방식이다.

이처럼 객체 object1의 a, b, c의 값이 주어졌을 때,

각 a b c의 개별 변수의 값이 객체의 key와 value값과 같을 시

object2처럼 반복해서 표현하지않고

object3처럼 key 와 value값을 한번만 적어줘도 된다.

단축 속성명의 쉬운 활용 예제를 살펴보자면

위 코드를 단순속성명을 통하면

지금같은 단순한 코드에서 큰 차이는 없지만 코드가 훨 간결해지고 읽기 수월하다는 장점이 있다.

단축속성명이 있듯이,

단축 메소드명(Shorthand methad names)은

객체에 메소드가 있을 경우에, function 키워드를 생략할 수 있다.

예를 들면,

객체 내의 function을

이렇게 생략할 수 있다.

마지막으로 ES6에는 계산된 속성명이 있다.

계산된 속성명 (Computered property names)

계산된 속성명은 [ ] 괄호를 이용해서 속성 이름을 동적으로 만들 수 있다.

[ ]안에 자바스크립트 내장함수, 메서드, 계산식, 변수를 넣을 수 있고

보통 순서 번호가 붙는 속성 이름을 여러개 사용하는 객체를 생성할 때 사용한다.

이 코드에서 계산된 속성명을 사용하면 표현식을 만들지 않고도 객체에서 속성으로 할당할 수가 있다.

(참고: ui.dev)

profile
기록하지 않으면 기억되지않음🧐

0개의 댓글