javascript 추가 기능

arrow function

IE에서 지원하지 않는다. babel을 사용해서 ES5로 버전다운을 시켜주어야한다.

사용 방법은 ( parameter list ) => { function body } 와 같다. this를 사용할 수 없다.

 

구조 분해 할당

IE에서 지원하지 않는다. babel을 사용해서 ES5로 버전다운을 시켜주어야한다.

사용 방법은 { key1, key2} = obj; 와 같은 방식이다. 

 

switch 

switch 지원한다.

 

getter, setter

obj.property_name 을 사용할 수 있는데 해당 obj에 get property_name(){ } 이 정의되어 있다면 get에 해당하는 부분을 실행한다.

아래와 같이 사용 가능하다.

 

let obj = {

_name: "멍멍이",

get name() {

return this._name;

},

set name(value) {

this._name = value;

}

};

 

console.log(obj.name); // getter 사용

obj.name = "야옹이"; // setter 사용

console.log(obj.name);

 

 

for(let num in obj)

num은 0 .. obj.lenght-1까지 할당되면서 사용된다.

 

for(let item of obj)

item은 obj의 첫 번째 객체부터 마지막 객체까지 할당되면서 사용된다.

 

 

참고

arrow function

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98

구조 분해 할당

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

getter, setter

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/get