고전적인 객체 생성 방법은 아래와 같이,
key와 value를 각각 동시에 지정해주는 방법이었다.
let name = "swoo"; let age = 29; let obj = { name : name, age : age }
또한, 새로운 값을 가지는 객체를 생성하는 함수로써 아래와 같은 코드를 사용하였었다.
function getObj() { let name = "swoo"; let getName = functoin() { return name; } let setName = function(newName) { name = newName; } let printName = function() { console.log(name); } return { getName : getName, setName : setName } } var ovj = getObj(); console.log(obj.getName); // 'swoo'가 나올 것.
ES6에서는 위의 {getName : getName}처럼 key와 value 값이 같은 것이라면
return {getName, setName}의 key만으로 작성하여 적용하는 것이 가능하다.
나아가 return {getName, setName, name}으로 하게 되면, 아래와 같이 object가 생성될 것이다.
[object Object] { getName : function() { return name; }, name : "swoo", setName : function(newName) { name = newName; } }
Destructuring Object - Javascript ES6 (0) | 2019.04.19 |
---|---|
Destructuring Array - Javascript ES6 (0) | 2019.04.19 |
실습 예제 1 - Javascript ES6 (0) | 2019.04.18 |
"from method" for making real "Array" - Javascript ES6 (0) | 2019.04.18 |
Spread operator 펼침 연산자 - Javascript ES6 (0) | 2019.04.17 |
댓글 영역