Front-End/JavaScript
[Javascript ES6] 6. 간단한 객체 생성
미피뿌
2019. 2. 12. 16:48
반응형
간단한 객체 생성
개선된 Object 선언방법
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | function getObj() { const name = "crong"; const getName = function() { return name; } const setName = function(newname) { name = newname; } const printName = function() { console.log(name); } return { getName : getName, setName : setName } } var obj = getObj(); console.log(obj.getName()); | cs |
>"crong"
매번 Object 리터럴형태인 위와 같이 사용할 경우 복잡하다.
18, 19 번째 줄에서 getName, setName 이 함수명과 꼭 동일하지 않아도 된다.
그렇다면 차라리 해당 내용을 작성하지 않으면 더 편하지 않을까?
예를 들어,
1 2 3 4 5 | return { getName, setName } | cs |
이런 형태와 같이 한다면 더 편리하게 사용할 수 있을 것이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | function getObj() { const name = "crong"; const getName = function() { return name; } const setName = function(newname) { name = newname; } const printName = function() { console.log(name); } return {getName, setName} } var obj = getObj(); console.log(obj.getName()); | cs |
> "crong"
반응형