본문 바로가기

프론트엔드관련 책예제실습정리/모던자바스크립트

10 ES6 추가기능:객체리터럴확장

//ES6에서추가된 객체리터럴 확장

//1.프로퍼티와 키가 동이할때 프로퍼티 키 생략
{
let x = 1, y = 2
let obj = {x,y}
console.log(obj) //{x:1, y:2}
}
//2.계산된 프로퍼티 사용시 대괄호
{
let prefix = 'prop'
let i = 0;
let obj = {};

obj[prefix + '-' + ++i] = i;
obj[prefix + '-' + ++i] = i;
obj[prefix + '-' + ++i] = i;
console.log(obj)
  }
//{prop-1: 1, prop-2: 2, prop-3: 3}

//3.메서드축약표현 
{
  const obj = {
    name:'lee',
    sayHello(){
      console.log(`${this.name} hi`)
    }
  }
   obj.sayHello()
} //lee hi