상세 컨텐츠

본문 제목

Declaration of Object 객체 생성 - Javascript ES6

Programming/Concept

by 쌩우 2019. 4. 18. 22:25

본문

고전적인 객체 생성 방법은 아래와 같이,
key와 value를 각각 동시에 지정해주는 방법이었다.

let name = "swoo";
let age = 29;

let obj = {
  name : name,
  age : age
}

또한, 새로운 값을 가지는 객체를 생성하는 함수로써 아래와 같은 코드를 사용하였었다.

function getObj() {
  let name = "swoo";

  let getName = functoin() {
    return name;
  }

  let setName = function(newName) {
    name = newName;
  }

  let printName = function() {
    console.log(name);
  }

  return {
    getName : getName,
    setName : setName
  }
}
var ovj = getObj();
console.log(obj.getName); // 'swoo'가 나올 것.

ES6에서는 위의 {getName : getName}처럼 key와 value 값이 같은 것이라면
return {getName, setName}의 key만으로 작성하여 적용하는 것이 가능하다.

나아가 return {getName, setName, name}으로 하게 되면, 아래와 같이 object가 생성될 것이다.

[object Object] {
  getName : function() {
    return name;
  },
  name : "swoo",
  setName : function(newName) {
    name = newName;
  }
}

관련글 더보기

댓글 영역