JavaScript/JavaScript 기초

[Javascript ES6] 기초 문법 10. get, set

찰리-누나 2022. 12. 20.

 

 

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>

결과

 

댓글