반응형

간단한 객체 생성


개선된 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"















반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 라이프코리아트위터 공유하기
  • shared
  • 카카오스토리 공유하기