본문 바로가기

Language/JavaScript(ES6)

[JS] getter/setter

출처 : http://mygumi.tistory.com/161


처음에는 get()과 set()의 용도 자체를 이해하지 못했고

언젠가부터는 get() set()을 왜 사용하는지 이해를 못했는데

이제서야 이해가 되는 것 같다.


그중에서 위 블로그가 가장 설명을 잘 해주시는 것 같다.


사용하는 이유들로는


1. 캡슐화

2. 사용성


두가지 인것 같다. 


MVVM패턴을 설명하기 위해 강사님이 설명한 코드이다.


결론만 보면


1. set()을 통해서 model(data)를 바꿀 때,

어떤 경우라도 val(변수)를 받아 바뀐다

viewModel.model = val

같은 식으로 변수를 전달했다면


viewModel.model = "break"

와 같이

아예 기능을 마비시켰을지도 모르는 일을 방지했다.


2. get() set() 이라는 함수를 사용했음에도 불구하고


함수를 부를때 단지 그 속성을 정하는 것으로 함수가 실행된다.


viewModel.model() 이런식이 아님


고로 사용성을 보았을 때 더 깔끔해 보인다.


get()은 그 속성을 보여주는것

set()은 속성을 다루는 것

'Language > JavaScript(ES6)' 카테고리의 다른 글

[ES6]CallBack,Promise,Async/Await 비동기함수  (0) 2019.01.25
[Babel]바벨 기본시작  (0) 2019.01.24
[ES6]Map과Set  (0) 2019.01.03
[ES6]객체와 객체지향프로그래밍  (0) 2019.01.03
[ES6]for문(for of문 다시보기)  (0) 2019.01.02