ECMAScript 일반 정리

ECMAScript 2019 (ES10)

  • Array.prototype.flat()
  • Array.prototype.flatMap()
  • toString() 다시 쓰기 방법
  • 옵션 캡처
  • Array.prototype.flat () 는 수조를 편평하게 하여 우리가 지정한 깊이까지 차례로 수조를 평평하게 하는 데 사용됩니다.depth 매개 변수를 지정하지 않으면 기본값은 1입니다.
    var newArray = arr.flat([depth]);
    depth  , 。 1
    var arr1 = [1, 2, [3, 4]];
    arr1.flat(); 
    // [1, 2, 3, 4]
    
    var arr2 = [1, 2, [3, 4, [5, 6]]];
    arr2.flat();
    // [1, 2, 3, 4, [5, 6]]
    
    var arr3 = [1, 2, [3, 4, [5, 6]]];
    arr3.flat(2);
    // [1, 2, 3, 4, 5, 6]
    

    Array.prototype.flatMap () 은 하나의 그룹을 맵 함수를 먼저 사용한 다음 flat 함수를 호출하여 편평하게 하는 것과 같다
    toString () 메서드를 다시 작성하여 주석 내용을 내보낼 수 있습니다.
    선택적 캡처
    // Before                     // ES2019
    try {                         try {
       ...                           ...
    } catch(error) {              } catch {
       ...                           ...
    }                             }
    

    https://zhuanlan.zhihu.com/p/95817152

    ECMAScript 2018 (ES9)

  • Rest/Spread 속성
  • Promise.prototype.finally
  • 비동기 교체
  • RegExp 기능
  • 비동기 교체는 for-await-of 순환을 사용합니다. 이 순환은 교체 가능한 대상을 Promise로 변환합니다.

    ECMAScript 2017 (ES8)

  • Async Functions(비동기 함수)
  • Object.getOwnPropertyDescriptors()
  • 새로운 문자열 방법: padStart 및 padEnd
  • 공유 메모리 및 Atomics
  • Object.entries() 및 Object.values()
  • 함수 매개 변수 목록과 호출 뒤에 있는 쉼표
  • Async Functions(비동기 함수)Async Await
    Object.getownPropertyDescriptors()getOwnPropertyDescriptors 방법은 지정된 대상의 모든 속성 내용을 되돌려줍니다. 또한 속성 내용은 object의 원형에서 계승된 것이 아니라 자신이 직접 정의한 것입니다.
    padStart와 padEnd는 문자열의 개발이나 끝을 채워서 문자열의 길이를 지정합니다.특정 문자열, 문자열, 공백 (기본값) 으로 채울 수 있습니다
    Object.entries() 및 Object.values()Object.values 방법은 지정된 대상의 매개 속성 값을 되돌려줍니다. Object.entries 방법은 주어진 대상의 매개 속성 값을 되돌려줍니다. [key,value]
    const family = {
      father: "Jonathan Kent",
      mother: "Martha Kent",
      son: "Clark Kent",
    }
    Object.keys(family); // ["father", "mother", "son"]
    Object.values(family); // ["Jonathan Kent", "Martha Kent", "Clark Kent"]
    Object.entries(family); 
    // (3) [Array(2), Array(2), Array(2)]
    // 0: (2) ["father", "Jonathan Kent"]
    // 1: (2) ["mother", "Martha Kent"]
    // 2: (2) ["son", "Clark Kent"]
    

    함수 매개 변수 목록과 호출 뒤에 있는 쉼표는 함수 매개 변수 끝에 쉼표를 사용할 때 오류 경고를 더 이상 터치하지 않습니다(SyntaxError)

    ECMAScript 2016 (ES7)


    두 개의 새로운 기능만 추가되었을 뿐, 아주 작은 변경
  • Array.prototype.includes()
  • 지수 연산자
  • Array.prototype.includes () 는 그룹에 요소 항목이 포함되어 있는지 확인하고true를 되돌려줍니다. 그렇지 않으면false를 되돌려줍니다.
    지수 연산자 멱 연산자**는 Math와 같다.pow().
    Math.pow(4,2== 4 ** 2
    

    참고https://blog.csdn.net/i15730384741/article/details/107513323 https://inspiredwebdev.com/everything-from-es-2016-to-es-2019

    좋은 웹페이지 즐겨찾기