25. Enhanced Object property

ES6에서 객체 리터럴 프로퍼티 기능이 확장되었다.

1. Object Property Value Shorthand

ES5에서는 프로퍼티 값으로 변수를 할당하더라도 프로퍼티 키와 값을 써주어야 한다.

1
2
3
4
5
6
7
8
9
10
var x = 1;
var y = 2;

var obj = {
x: x,
y: y
};

console.log(obj); // {x: 1, y: 2}
obj.x === obj['x']; // true

ES6에서는 프로퍼티 값으로 변수를 사용하는 경우에는 프로퍼티 키를 생략할 수 있다. (Property Shorthand) 프로퍼티 키는 변수의 이름으로 자동 생성된다.

1
2
3
4
5
6
7
let x = 1;
let y = 2;

const obj = { x, y };

console.log(obj); // {x: 1, y: 2}
obj.x === obj['x'] // true
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×