[JavaScript] Getter

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Getter에 대해 알아보려 합니다. 다음 시간에 알아볼 Setter와 세트메뉴 같은 녀석인데 우리는 초보이기 때문에 하나씩 아주 쉽고 재밌게 해 봅시다 갑시다!

 

Getter

Getter 메서드는 객체 내부의 프로퍼티들을 가져오거나 반환해주는 아주 고마운 녀석입니다.

 

---

 

생김새

// JavaScript 

const 객체 = {
    _키: '벨류',
    _키2: '벨류2'
    get 메서드이름() {
        여기에 조건
    }
}

예전에 배운 메서드(Method) 만드는 방법과 동일한데 그냥 맨 앞에 get만 붙혀주면 끝

 

---

 

예제와 설명

차근차근 뜯어봅시다.

1.  객체(Object) applePen 선언하기 = { }
2.  프로퍼티(Property) 생성, 키는 _pen 벨류가 'pen'
3.  프로퍼티(Property)생성, 키는 _apple 벨류가 'apple'
4. get 메서드(Method) bamPenApple 생성,
5. if문에서 this로 _pen과 _apple를 끌어와서 두 가지 모두 존재하는(&&가 들어갔기 때문) 프로퍼티인지 확인 해줘
6. 존재한다면 `${this._apple}-${this._pen}`로 반환하라
7. 존재하지 않는다면 
8. '애플 팬 노래를 불러봅시다!'를 반환하라
9. ...
10. ...
11. ...
12. ...
13. 객체 applePen의 bamPenApple을 출력해주세요.

13번을 보면 우리가 예전에 메서드(Method)를 배울 때, 아래의 형식으로 불러 냈습니다. 

applePen.bamPenApple();

 

하지만 Getter 메서드에서는 () 소괄호 parantheses를 사용할 필요 없이 불러낼 수 있습니다. 그 이유는 이것이 바로 접근자 프로퍼티(accessor property)이기 때문인데요, 이 친구는 다음 시간에 setter와 함께 묶어서 알아보도록 합시다!

 

 

Getter의 이점

• 프로퍼티를 손쉽게 불러올 수 있다.
• 사용자가 지정한 조건에 따라 다른 값을 불러올 수 있다.
• this 키워드를 사용할 수 있다.
• 작성한 코드를 개발자들이 쉽게 알아볼 수 있다.

---

 

오늘의 느낌

코딩 관련 책을 쓰시는 분들은 정말 대단한 거 같아요. 이게 머리로도 이해가 어렵지만 이해를 하고도 말로 표현하는 게 정말 어려운 작업인 거 같습니다. 존경합니다. 님들! 

 

아 그리고 다시 한번 말씀드립니다. 제가 공부한 모든 내용은 codecademy에서 무료로 배우는 내용들입니다. 영어 공부할 겸 코드도 배울 겸 하고 있습니다. 광고 절대 아님 링크 : https://www.codecademy.com/

Learn to Code - for Free | Codecademy