jineecode

getter, setter 본문

JS

getter, setter

지니코딩 2022. 1. 7. 10:07

함수를 만들어 object 데이터를 다루는 이유

 

 

옛날식

 

1. object 자료가 복잡할 때 좋다.

var human = {
	name: 'Park',
    age: 30,
    nextAge() {
    	return this.age + 1
    }
}

human.age + 1; 
// 31 
// 불변성을 유지할 수 없다.

human.nextAge(); 
// 꺼내쓰는 법을 미리 정의
// 31
// 불변성을 유지할 수 있다.

 

2. object 자료 수정 시 편리하다.

var human = {
	name: 'Park',
    age: 30,
    nextAge() {
    	return this.age + 1
    },
    setAge(나이) {
    	this.age = parseInt(나이);
    },
}

human.age = '20';
// 데이터 수정 시 실수 유발 가능

human.setAge(20);
// 함수를 미리 만들어 사용 가능.

 

getter, setter 키워드

var human = {
	name: 'Park',
    age: 30,
    get nextAge() {
     // get 키워드 사용, 괄호 없음.
    	return this.age + 1
    },
    set setAge(나이) {
    // set 키워드 사용, 괄호 없음.
    	this.age = parseInt(나이);
    },
}


human.nextAge; 
human.setAge = '20';

 

 

get, set 키워드: 함수가 아닌 프로퍼티화 해줌

 

get: 데이터를 꺼내는 함수. return이 있어야 함. 

set: 파라미터가 적어도 1개는 있어야 함.

 

 

'JS' 카테고리의 다른 글

Object.keys()  (0) 2021.11.29
constructor / prototype / Object.create() / class  (0) 2021.10.28
type에 따른 할당  (0) 2021.10.28
Chart.js (2)  (2) 2021.10.28
default parameter / arguments / rest parameter  (0) 2021.10.25
Comments