본문 바로가기
Javascript

객체 리터럴의 확장기능

by 안자바먹지 2020. 11. 11.
728x90

프로퍼티 축약 표현

ES6에서는 프로퍼티 값으로 변수를 사용하는 경우 변수 이름과 프로퍼티 키가 동일한 이름일 때 프로퍼티 키를 생략할 수 있다. 이때 프로퍼티 키는 변수 이름으로 자동 생성된다.

 

let x = 1, y = 2;
const obj = {x, y};

console.log(obj); // {x: 1, y: 2}

 


 

메소드 축약 표현

ES6에서는 메소드를 정의할 때 function 키워드를 생략한 축약 표현을 사용할 수 있다.

 

// ES5
const obj = {
    name : 'kang',
    sayYeah : function() {
    	console.log(`say ${this.name}`);
    }
};

console.log(obj.sayYeah()); // "say kang"


// ES6
const obj = {
    name : 'kang',
    sayYeah() {
    	console.log(`say ${this.name}`);
    }
};

console.log(obj.sayYeah()); // "say kang"

 

728x90

'Javascript' 카테고리의 다른 글

변수 호이스팅  (0) 2020.11.16
스코프  (0) 2020.11.16
원시값과 객체  (0) 2020.11.11
null 병합 연산자  (0) 2020.11.11
옵셔널 체이닝 연산자  (0) 2020.11.11

댓글