[Javascript] 객체 리터럴

객체에 동적응로 속성을 추가할 수 있다.

 

또, sayNode와 같이 속성명과 변수명이 겹칠 경우 한 번만 쓸 수 있다. 

let sayNode = function() {
    console.log('Node');
}
let es = 'ES';
const newObject = {
    sayJS() {
        console.log('JS');
    },
    sayNode,
    [es + 6]: '객체리터럴',
};
newObject.sayNode(); //Node
newObject.sayJS(); //JS
console.log(newObject.ES6); //객체리터럴

 

기존에는 객체 리터럴 바깥에서 [es + 6]을 해야 하고, sayNode에 sayNode를 넣어야한다.

let sayNode = function() {
    console.log('Node');
}
let es = 'ES';
const oldObject = {
    sayJS() {
        console.log('JS');
    },
    sayNode: sayNode
};
oldObject[es + 6] = '객체리터럴';

oldObject.sayNode(); //Node
oldObject.sayJS(); //JS
console.log(newObject.ES6); //객체리터럴