기타/Javascript

Enhanced Object Literals

죠부니 2018. 5. 29. 12:20
반응형

Enhanced Object Literals - 향상된 객체 리터럴


속성 메서드의 축약

//ES5

var calc = {

sum : function(){

console.log("sum");

}

}


//ES6

- 괄호 하나만으로 속성 메서드 함수의 역할을 할 수있다.

var calc = {

sum(){

console.log("sum");

}

}

calc.sum()


//바벨로 변환시

https://babeljs.io/repl/

var calc = {

  sum: function sum() {

    console.log("sum");

  }

};

해당형태로 나오게된다.


속성명의 축약

- 속성명과 값 명이 동일할때 축약이 가능하다.

var digits = 5;
var calc = {
// digits : digits,          예전의 형태라면 이형태로 들어가야되지만
digits                        해당형태로축약이 가능하다.
}


반응형