search

gloriaJun / til

Lessoned Learned
3 stars 0 forks source link

ECMAScript Tips (ES6+) #6

Open gloriaJun opened 5 years ago

gloriaJun commented 5 years ago

ES6 이후에 지원하는 기능에 대한 활용 방법 정리

Object Destructuring

변수의 선언과 분리하여 할당해야 하는 경우

let result = null;
try {
    ({ data: result } = await (isMovies ? moviesApi.movieDetail : tvApi.showDetail)(id));
} catch {
    //...
} finally {
    console.log(result);
}

key에 해당하는 값이 없는 경우에 대한 default value 설정

let {a = 10, b = 5} = {a: 3};

console.log(a); // 3
console.log(b); // 5

새로운 변수명 선언과 함께 default value 설정

let {a: aa = 10, b: bb = 5} = {a: 3};

console.log(aa); // 3
console.log(bb); // 5