Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- materialicons
- TS
- javascript
- npm에러
- generic
- 타입스크립트
- async
- reactnative
- Next.js
- 스크롤이벤트
- forwardref type
- reactnative error
- mainapplication.kt
- set
- app:compiledebugkotlin
- 슬라이딩윈도우
- err_connection_refused
- map
- Filter
- 안드로이드빌드에러
- array
- app.post
- extends
- react
- 리액트네이티브아이콘
- 이진탐색
- interface
- Spring
- 배열중복요소제거
- 상속
Archives
- Today
- Total
rhanziy
JS - getter, setter로 데이터 다루기 본문
오브젝트나 클래스를 만들면 데이터를 출력/수정할 때
데이터의 무결성을 위해 함수를 만들어서 다룬다.
거기서 get과 set을 이용해 소괄호를 안쓰고도 기능을 실행시킬 수 있다.
함수의 프로퍼티화 라고 함.
var 사람 = {
name: 'Park',
age : 29,
get nextAge(){
return this.age + 1; // return이 있어야함. 파라미터x
},
set setAge(age){
this.age = parseInt(age); // 파라미터가 1개 있어야함.
}
}
// property화. 소괄호를 붙이지 않고도 기능실행
사람.setAge = '20';
사람.nextAge;
주석에 써놨다싶이 get을 쓸 땐 return을 명시해줘야하고, 파라미터는 작성하면안됨
set을 쓸 땐 파라미터가 1개 필요하다. 그냥 생각해보면 당연한 거
class 사람 {
constructor(){
this.name = 'Park';
this.age = 29;
}
get nextAge(){
return this.age + 1
}
set setAge(age){
this.age = age;
}
}
사람1 = new 사람();
class만들때도 사용법은 똑같다.
'Html_css_js' 카테고리의 다른 글
JS - ES6문법 반복문 for ...in, for ...of (0) | 2022.12.28 |
---|---|
JS - 비동기적 처리 Promise와 Promise chain 그리고 async/await (0) | 2022.12.28 |
JS - 객체, 배열의 객체지향 문법 상속기능 class 2 (0) | 2022.12.22 |
JS - 객체, 배열의 객체지향 문법 상속기능 class (0) | 2022.12.22 |
JS - localStorage로 장바구니 기능 구현하기(+중복제거) (0) | 2022.11.10 |
Comments