[ JavaScript ] 자바스크립트 ES6, 그 이후 시리즈 02. ES8 (JS2017)

이전 글

2022.10.02 - [Javascript] - [JavaScript] ES5 vs ES6 차이

2022.12.22 - [Javascript] - [ JavaScript ] 자바스크립트 ES6, 그 이후 시리즈 01. ES7 (JS2016)

 

오늘은 ES8에 대해 알아보자.

참고로 정보는 https://www.w3schools.com/js/js_2017.asp 여기를 가장 많이 참고하고 있다.

JavaScript ECMAScript 2017

Async Functions

사실 이 시리즈를 시작한 이유이다.

Async/await 에 대한 질문이 나왔는데 찾아보니 ES8에 추가된 문법이라길래 지금까지 ES6 문법인줄 알았던 나를 반성하면서 시작한 시리즈라고 할 수 있다.

async function myFunction() {
  try {
    const fulfilledValue = await promise;
  } catch (rejectedValue) {
    // …
  }
}

Async / Await 라는 비동기 통신을 위한 키워드가 추가 되었다.
Async / Await 는 나중에 따로 제작해보는걸로..

JavaScript String Padding

문자열의 시작과 끝부분을

padStart(First, Last) : 문자열의 시작 부분을 채워주는 메소드
padEnd(First, Last) : 문자열의 끝 부분을 채워주는 메소드

첫번째 인자는 문자열의 최종 길이, 두번째 인자는 채워줄 문자열
문자열의 길이가 첫번째 인자보다 작을 경우에만 채워준다.
두번째 인자가 생략되면 공백이 채워진다.

"abc".padStart(10); // "       abc"
"abc".padStart(10, "foo"); // "foofoofabc"
"abc".padEnd(6, "123465"); // "abc123"
"abc".padEnd(8, "0"); // "abc00000"
"abc".padEnd(1); // "abc"

Object.values() and Object.entries()

Object.values() : 객체의 값들을 배열로 반환
Object.entries() : 객체의 키와 값을 배열로 반환
Object.keys() : 객체의 키를 배열로 반환(ES5)

const obj = { foo: "bar", baz: 42 };
Object.values(obj); // ["bar", 42]
Object.entries(obj); // [["foo", "bar"], ["baz", 42]]
Object.keys(obj); // ["foo", "baz"]