본문 바로가기

JavaScript

ES2015 , ES6

Arrorw Function
- 인자가 1개면 소괄호 안씀
//두개 이상이면 필요

 

- 중괄호가 없으면 리턴을 함축하고 있다.


- 인자가 없을때 default 값 설정 가능


Structuring , Object Destructuring

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const info = {
  name"nathan",
  lastName: "Jo",
  age: "25",
  favFood: {
    breakFast: "kimchi",
    lunch: "cake",
    dinner: "papaya"
  }
}
 
const { name, lastName } = info; 
//info 객체에서 name , lastName 속성을 찾아
//새로운 name ,lastName 변수에 값을 넣는다.
 
const {age: MyAge, favFood: { dinner, lunch, breakFast } } = info;
//info 객체에서 age 값을 MyAge 변수에 넣는다
//info 객체에서 favFood 객체의 값들을 찾아서 변수에 넣는다.
 

Spread Operator
다수의 list에있는 컨텐츠들을 한 배열에 있게 한다.
ex) ...a , ...b