ES6 & ES7 & ES8 ..

2020/08/21 - [개발자 놀이터/Javascript] - ES5와 ES6

ES5와 ES6

ES7

제곱 연산자 추가

Math.pow(5,3)

5**3

 

배열 .inclulde(찾을 요소, 시작 순서)

[1,2,3].include(1)

indexOf와 비슷해 보입니다. 왜 추가 되었을까?

NaN에 대한 처리가 다릅니다. indexOf는 Nan을 못찾지만, include는 찾을 수 있습니다.

 

ES8

Object

object.values(객체)에 대응되는 메소드. 객체의 enumerable한 속성값들로만 배열로 만들어 줍니다.

object.entries(객체) object.keys와 object.values를 합쳐 놓은 메소드 입니다. 

object.getOwnPropertyDescriptors(객체)와 유사한 메소드가 추가 되었습니다. 

 

String

문자열.padStart(최종길이, 보충 문자열) : 문자열 앞 부분에 공백이나 글자를 넣습니다. 그래서 최종길이로 만들어줍니다

문자열.padEnd(최종길이, 보충 문자열) : 문자열 뒷 부분에 공백이나 글자를 넣을 수 있습니다.

 

async/await

anync와 awiat의 도입은 promise 패턴의 단점을 보완 하기 위해 쓰입니다

promise 패턴의 단점은 코드가 장황 하다. 그래서 줄일수 있는 방법이 도입되었습니다

비동기 코드를 동기식으로 표현해서 간단히 만들어 줍니다

 

주의할 점은 awit는 반드 anync 함수 안에서만 바로 쓰여져야만 합니다.

 

async함수는 promise를 return 하고, 모든 await 함수는 일반적으로 promise가 됩니다

await가 실행이되면, 함수가 종료시까지 실행이 일시 정지 됩니다.

 

참고 내용 - 본문은 아래에 있습니다. 해당 글이 문제가 있다면, 삭제 하도록 하겠습니다.

https://medium.com/@bluepnume/learn-about-promises-before-you-start-using-async-await-eb148164a9c8

Understand promises before you start using async/await

 

symbol