본문 바로가기

JavaScript

Getter와 Setter 함수

반응형

객체 안에 Getter 함수와 Setter 함수를 설정할 수 있다.

Getter 함수는 함수 앞에 get이라는 키워드를, Setter 함수는 함수 앞에 set이라는 키워드를 붙여 선언한다.

 

Getter 함수는 특정 값을 조회하려고 할 때 사용한다. get 함수 안의 특정 코드를 실행하고 연산된 값을 받아 리턴을 하는 형식이다. Getter 함수는 리턴이 반드시 있어야 한다. 

다음과 같이 return 되는 값이 변하는 것을 알 수 있다.

 

Setter 함수는 set이라는 키워드를 붙여 함수를 선언한다.

Setter함수는 파라미터로 무조건 어떤 값을 설정해 주어야 한다. 

 

다음과 같이 사용할 수 있다. Setter 함수는 파라미터를 설정해 주어야 한다. 

 

똑같은 이름의 Getter 함수와 Setter 함수를 넣어줄 수 있다.

다음과 같이 Getter 함수와 Setter 함수를 동시에 사용할 수 있다.

 

또 다른 예를 들어보자.

다음과 같이 Getter 함수와 Setter 함수를 사용할 수 있다.

 

만약 이를 하나의 Getter 함수만 사용한다면

이렇게 할 경우 sum이라는 함수가 조회할 때마다 실행된다.
결과는 다음과 같다.

Getter 함수와 Setter 함수가 같이 있는 코드와 위의 코드의 차이는 함수가 있는 코드는 값이 바뀔 때 합을 구하는데,

위의 코드는 조회할 때마다 다시 값을 구하고 있다. 후자는 전자에 비해 비효율적이다.

Getter 함수는 특정값을 조회할 때 마다 함수를 호출하는 것이고, 

Setter 함수는 특정값을 설정할 때마다 파라미터로 받아와 설정할 수 있고 추가적으로 코드를 실행할 수 있다.

Getter 함수와 Setter 함수를 알아둔다면 나중에 효율적으로 코드를 작성할 수 있을 것이다.

반응형