ECMA Script 6 - JSON Object

메서드 선언 방식 변경

기존 방식

  <script type="text/javascript">
  	//json객체 
    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);
      },
    }; //end of json
    console.log(person.name, person.age); // 홍길동 20
    person.setName('이순신');
    person.setAge(200);
    console.log(person.getName(), person.getAge()); //이순신 200
  </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>