반응형
객체 안에 Getter 함수와 Setter 함수를 설정할 수 있다.
Getter 함수는 함수 앞에 get이라는 키워드를, Setter 함수는 함수 앞에 set이라는 키워드를 붙여 선언한다.
Getter 함수는 특정 값을 조회하려고 할 때 사용한다. get 함수 안의 특정 코드를 실행하고 연산된 값을 받아 리턴을 하는 형식이다. Getter 함수는 리턴이 반드시 있어야 한다.
Setter 함수는 set이라는 키워드를 붙여 함수를 선언한다.
Setter함수는 파라미터로 무조건 어떤 값을 설정해 주어야 한다.
똑같은 이름의 Getter 함수와 Setter 함수를 넣어줄 수 있다.
또 다른 예를 들어보자.
다음과 같이 Getter 함수와 Setter 함수를 사용할 수 있다.
만약 이를 하나의 Getter 함수만 사용한다면
Getter 함수와 Setter 함수가 같이 있는 코드와 위의 코드의 차이는 함수가 있는 코드는 값이 바뀔 때 합을 구하는데,
위의 코드는 조회할 때마다 다시 값을 구하고 있다. 후자는 전자에 비해 비효율적이다.
Getter 함수는 특정값을 조회할 때 마다 함수를 호출하는 것이고,
Setter 함수는 특정값을 설정할 때마다 파라미터로 받아와 설정할 수 있고 추가적으로 코드를 실행할 수 있다.
Getter 함수와 Setter 함수를 알아둔다면 나중에 효율적으로 코드를 작성할 수 있을 것이다.
반응형
'JavaScript' 카테고리의 다른 글
JavaScript: 프로토타입과 클래스 (0) | 2021.07.09 |
---|---|
JavaScript: 배열 내장함수 (forEach, map, indexOf, findIndex, find, filter, splice, splice, shift, pop, unshift, push, concat, join, reduce) (0) | 2021.07.08 |
function으로 선언한 함수화 화살표 함수의 차이점 (0) | 2021.06.25 |
비구조화 할당, 객체 구조 분해 (0) | 2021.06.25 |
화살표 함수 => (0) | 2021.06.24 |