메서드 선언 방식 변경
기존 방식
<script type="text/javascript">
var person = {
name: '홍길동',
age: 20,
getName: function () {
return this.name;
},
setName: function (name) {
return (this.name = name);
},
getAge: function () {
return this.age;
},
setAge: function (n) {
return (this.age = n);
},
};
console.log(person.name, person.age);
person.setName('이순신');
person.setAge(200);
console.log(person.getName(), person.getAge());
</script>
es6 방식
:function 이 생략되었다.
var person = {
name: '홍길동',
age: 20,
getAge() {
return this.age;
},
setAge(n) {
this.age = n;
},
getName() {
return this.name;
},
setName(name) {
return (this.name = name);
},
};
es6 의 get/set키워드를 사용하는 경우
// get/set ----> .(dot) 로 접근
var person = {
name: '홍길동',
age: 20,
get getAge() {
//function()생략 , get추가
return this.age;
},
set setAge(n) {
this.age = n;
},
get getName() {
return this.name;
},
set setName(name) {
return (this.name = name);
},
};
console.log(person.name, person.age); // 홍길동 20
// get/ set 키워드를 사용하면, 할당연산자를 이용한다.
person.setName = '유관순';
person.setAge = 200;
// get/set을 이용하면 dot로 접근한다.
console.log(person.name, person.age); //이순신 200
</script>