[ES6] 최신문법 6가지

1. Shorthand property names

기존의 객체를 변수로 정의할때 key 와 value 형식으로 정의하던것을

key name 과 value name 이 같을시엔 위와같이 하나의 이름으로 축약가능하다

 

2. Destructuring assignment

객체안의 프로퍼티 값을 변수로 각각 지정해야할때

각각 변수로 지정해서 사용하던 기존 문법을 es6 에선 

하나의 중괄호로 묶어서 객체자체를 넣는것처럼 보이는 방식으로 

객체안의 프로퍼티값을 할당할수 있다..

단 객체안의 key 값과 변수값이 동일할때는 동일한 이름으로,

만약 다른이름으로 사용하고 싶다면 맨 마지막 줄처럼 : 를 이용해서 사용하면된다..Good..

( 객체 뿐만 아니라 배열도 마찬가지로 가능하다 )

 

3. Spread Syntax

스프레드 신택스 문법을 사용해서 변수에 값을 복사할 수 있다.

arrayCopy2 변수에 할당하는것처럼 여러개의 값도 복사할 수 있다.

만약 같은 두개의 변수안에 같은 key가 있을시 후순위에 있는 변수의 key가

앞의 변수의 key를 덮어 씌우게된다.

( 배열도 가능하다 )

다만, 깊은 복사가 아닌 얕은 복사에 해당하기 때문에 메모리에 올라가있는 값 자체를

복사해오는것은 아니다. 그러므로 만약 arrayCopy2 변수의 key1 을 변경하게되면

같은 메모리를 참조하는 key1 의 값들이 다 같이 바뀌게 된다.

 

4. Default parameters

기존의 디폴트 파라미터를 설정하지 않고 출력함수를 호출하게되면

언디파인드가 나오게된다.

디폴트 파라미터를 설정하게되면 설정해놓은 값이 출력되게된당

 

5. Ternary Operator

기존의 조건문을 boolean 형식으로 축약해서 사용할 수있다.

isCat 이 true 면 고양이를 false 면 강아지를 한줄로 할당할 수 있다

가장 꿀 기능중 하나인듯..

 

6. Template Literals

기존에 문자열에 데이터값을 바인딩 하려할때마다 난무하던 ''++''....

이제는 백틱 ( ` ` ) 을 이용하면 위 사진과 같이 한줄로 코딩이 가능하다

두번째 꿀기능..