1.1. Object Literal - MrKwon/node.js GitHub Wiki

객체는 new Object(), Object.create(), Object Initializer 로 초기화 될 수 있다. Object Initializer 를 객체 리터럴(Object Literal) 이라고 하는데, 이는 객체의 초기화를 0개 이상의 속성명(property names) 과 객체의 연관된 값(associated values)들의 짝으로 이루어진 리스트를 콤마(,)로 구분하여 중괄호{} 안에 넣어 초기화하는 방법이다.

const b = 1;
const propertyName = 'c';

const ObjectLiteral01 = {
    a: 0,
    b: b,
    [propertyName]: 2,
};

ES2015+ 에는 위의 객체 리터럴에 편리한 기능들이 추가되었는데, ① 객체의 메서드에 함수를 연결할 때, 콜론(:)과 = function을 붙이지 않아도 된다. ② 속성명과 변수명이 겹치는 경우에는 한 번만 써도 된다. ex) 위의 ObjectLiteral01 에서 b: b, 를 b, 로 대체해도 같다. ③ 객체의 속성명을 동적으로 생성할 수 있음 ex) 위의 ObjectLiteral01 에서 [propertyName] 은 c로 동적 생성된다. 기존의 문법과 비교하기 위한 새로운 코드를 작성하면

1. 기존

var helloNode = function() {
    console.log('Hello Node');
};
var js = 'JS';
var object = {
    helloJS = function() {
         console.log('Hello JS');
    },
    helloNode: helloNode,
};
object[js + '_old'] = 'old is getting better to new';

2. ES2015+ 적용

const helloNode = function() {
    console.log('Hello Node');
};
const js = 'JS';
const object = {
    helloJS() {
        console.log('Hello JS');
    },
    helloNode,
    [js + '_old']:  'old is getting better to new',
};

object.helloJS();     // Hello JS
object.helloNode();   // Hello Node
console.log(object.JS_old);    //  old is getting better to new