[자바스크립트 js] 프로퍼티 표기법

  프로퍼티 표기법

1. 프로퍼티 네임과 변수나 함수 이름이 같다면 축약 사용 가능

function sayHi() {
  console.log('Hi!');
}

const title = 'tooktak';
const birth = 2019;
const job = '개자이너';

const user = {
  title, 
  birth, 
  job, 
  sayHi,
};

console.log(user); // {title: "tooktak", birth: 2019, job: "개자이너", sayHi: ƒ}

 

 

2. 메소드를 작성할 때 function 키워드를 생락 가능

const user = {
  firstName: 'Took',
  lastName: 'Tak',
  getFullName() {
    return `${this.firstName} ${this.lastName}`;
  },
};

console.log(user.getFullName()); // Took Tak

 

 

3. 대괄호를 활용하면 다양한 표현식으로 프로퍼티 네임 작성 가능

const propertyName = 'birth';
const getJob = () => 'job';

const sayTooktak = {
  ['my' + 'name']: 'TookTak',
  [propertyName]: 2019,
  [myFunction()]: '개자이너',
};

console.log(user);