ES5와 ES6의 set&get 사용 방법

5398 단어 es6

ES5와 ES6의 set&get 사용 방법

//ES5
Object.defineProperty(obj,"name",{
	get:function(){
		console.log(" name");
		return this._name;
	},
	set:function(val){
		console.log(" name");
		this._name = val;
	}
});

obj.name  = 10;
// console.log(obj);
// console.log(obj.name);
//es6 get & set
class Person{
	constructor(){
		this._name = '';
	}
	get name(){
		console.log(" name");
		return ` ${this._name}`;
	}
	set name(val){
		console.log(" name");
		this._name = val;
	}
}

const person = new Person();
person.name = " ";
console.log(person.name); // set  get

_이 속성은 대상 방법으로만 접근할 수 있음을 나타내는 일반적인 기호입니다.

좋은 웹페이지 즐겨찾기