반응형
간단한 객체 생성
개선된 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"
반응형
'Front-End > JavaScript' 카테고리의 다른 글
[JavaScript] Symbol 객체 (0) | 2019.05.13 |
---|---|
[JavaScript] Destructuring (0) | 2019.02.18 |
[Javascript ES6] 5. from Method 로 진짜 배열 만들기 (0) | 2019.02.12 |
[Javascript ES6] 4. spread operator (배열의 복사와 활용) (0) | 2019.02.12 |
[Javascript ES6] 3. String 에 새로운 메서드(Method) 와 for of(순회하기) (0) | 2019.02.11 |
최근댓글