Get, Set
get과 set 키워드를 이용하여 데이터를 꺼내 사용하고, 변경하는 함수를 만들 수 있다.
get은 데이터를 꺼내서 사용하는 함수에 사용하며, 반드시 return문이 있어야 하고, 파라미터를 가질 수 없다.
그러나 set은 데이터를 변경하는 함수에 사용되며, 1개의 파라미터를 가질 수 있다.
만들어진 get과 set 함수는 오브젝트이름.get함수이름 및 오브젝트이름.set함수이름 = '넣을값' 으로 사용할 수 있다.
<script>
let 사람 = {
name:'chali',
age:24,
// get은 데이터를 꺼내 쓰는 함수에 사용하며,
// 반드시 return문이 있어야 하고 파라미터를 가질 수 없다.
get nextAge() {
return this.age +1
},
// set은 데이터를 변경하는 함수에 주로 사용하며,
// 파라미터 1개 있어야 한다.
set setAge(나이) {
this.age = parseInt(나이);
}
}
// object 자료가 복잡할 때 도움이 된다.
// object 자료를 수정할 때 편리하다.
// 데이터를 꺼내거나 수정할 때 if문을 사용해 실수를 방지할 수 있다.
사람.setAge = '100'
console.log(사람);
console.log(사람.nextAge)
</script>
class에도 동일하게 사용할 수 있다.
<script>
class about {
constructor() {
this.name='chali';
this.age=24
}
get nextAge() {
return this.age+1
}
set setAge(나이) {
this.age = 나이;
}
}
let me = new about()
console.log(me)
console.log(me.nextAge)
me.setAge = 100
console.log(me)
</script>
'JavaScript > JavaScript 기초' 카테고리의 다른 글
[Javascript ES6] 기초 문법 13. Import, Export (0) | 2022.12.21 |
---|---|
[Javascript ES6] 기초 문법 12. Destructuring (1) | 2022.12.20 |
[Javascript ES6] 기초 문법 9-2. <JS의 상속> - prototype 을 class로 만들기 (0) | 2022.12.20 |
[Javascript ES6] 기초 문법 9-1. <JS의 상속> - prototype 을 Object.create()로 만들기 (1) | 2022.12.20 |
[Javascript ES6] 기초 문법 <JS의 상속> 9. prototype (0) | 2022.12.20 |
댓글