ECMAScript 2020

Numer wersji JavaScript

Starsze wersje JS są nazywane liczbami: ES5 (2009) i ES6 (2015).

Od 2016 roku wersje są nazywane rokiem: ECMAScript 2016, 2017, 2018, 2019, ...

Nowe cechy w ES2020:

Ostrzeżenie

Te cechy są stosunkowo nowe.

Starsze przeglądarki mogą wymagać kodu zastępczego (Polyfill).

BigInt w JavaScript

Zmienne BigInt w JavaScriptie są używane do przechowywania wartości dużych liczb całkowitych, które nie mogą być wyrażone za pomocą zwykłych liczb całkowitych w JavaScript.

JavaScript może dokładnie wyrażać liczby całkowite do 15 cyfr.

Instancja Integer

let x = 999999999999999;
let y = 9999999999999999; // za duże

Spróbuj sam

Instancja BigInt

let x = 9999999999999999;
let y = 9999999999999999n;

Spróbuj sam

Aby utworzyć BigInt, użyj: n Dodaj do końca liczby całkowitej lub wywołaj BigInt():

Przykład

let x = 1234567890123456789012345n;
let y = BigInt(1234567890123456789012345);

Spróbuj sam

Typ JavaScript dla BigInt to "bigint":

Przykład

let x = BigInt(999999999999999);
let type = typeof x;

Spróbuj sam

Od września 2020 roku wszystkie nowoczesne przeglądarki obsługują BigInt:

Chrome Edge Firefox Safari Opera
Chrome 67 Edge 79 Firefox 68 Safari 14 Opera 54
maj 2018 roku styczeń 2020 roku lipiec 2019 roku Wrzesień 2020 roku czerwiec 2018 roku

Metoda matchAll() dla ciągów znaków JavaScript

przed ES2020 nie istniała metoda string dostępna do wyszukiwania wszystkich wystąpień ciągu znaków w ciągu.

Przykład

const iterator = text.matchAll("Cats");

Spróbuj sam

jeśli parametr jest wyrażeniem regularnym, musisz ustawić znak globalny (g) w przeciwnym razie zostanie rzucony błąd TypeError.

Przykład

const iterator = text.matchAll(/Cats/g);

Spróbuj sam

jeśli należy przeprowadzić wyszukiwanie bez rozróżniania wielkości liter, musisz ustawić znak bez rozróżniania wielkości liter (i)

Przykład

const iterator = text.matchAll(/Cats/gi);

Spróbuj sam

Uwaga:ES2021 został wprowadzony metodę string replaceAll().

Operator sumowania pustych wartości (Nullish Coalescing Operator) (?? operator)

jeśli pierwszy parametr nie jest wartością pustą (null lub undefinedjeśli ?? Operator zwraca pierwszy parametr.

w przeciwnym razie zwróć drugi.

Przykład

let name = null;
let text = "missing";
let result = name ?? text;

Spróbuj sam

od marca 2020 roku wszystkie nowoczesne przeglądarki wspierają operator nullish:

Chrome Edge Firefox Safari Opera
Chrome 80 Edge 80 Firefox 72 Safari 13.1 Opera 67
luty 2020 roku luty 2020 roku styczeń 2020 roku Marzec 2020 roku Marzec 2020 roku

Operator węzła opcjonalnego (Optional Chaining Operator) (?. operator)

jeśli obiekt jest undefined lub nulljeśliOperator węzła opcjonalnegozwraca undefined(zamiast rzucać błąd).

Przykład

const car = {type:"Fiat", model:"500", color:"white"};
let name = car?.name;

Spróbuj sam

od marca 2020 roku wszystkie nowoczesne przeglądarki wspierają ?.= Operator:

Chrome Edge Firefox Safari Opera
Chrome 80 Edge 80 Firefox 74 Safari 13.1 Opera 67
luty 2020 roku luty 2020 roku Marzec 2020 roku Marzec 2020 roku Marzec 2020 roku

Operator przypisania logicznego AND (operator &&=)

Operator logicznego AND przypisaniaużywany między dwoma wartościami.

jeśli pierwsza wartość jest prawdai przypisz drugą wartość.

Przykład operatora logicznego AND przypisania

let x = 100;
x &&= 5;

Spróbuj sam

Od września 2020 roku wszystkie współczesne przeglądarki wspierają &&= Operator:

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
Sierpień 2020 roku Sierpień 2020 roku Marzec 2020 roku Wrzesień 2020 roku Wrzesień 2020 roku

Operator logicznego OR przypisania (||= operator)

Operator logicznego OR przypisaniaużywany między dwoma wartościami.

jeśli pierwsza wartość jest fałszi przypisz drugą wartość.

Przykład operatora logicznego OR przypisania

let x = 10;
x ||= 5;

Spróbuj sam

Od września 2020 roku wszystkie współczesne przeglądarki wspierają ||= Operator:

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
Sierpień 2020 roku Sierpień 2020 roku Marzec 2020 roku Wrzesień 2020 roku Wrzesień 2020 roku

Operator sumowania brakujących wartości przypisania (operator ??=)

Operator sumowania brakujących wartości przypisania（Nullish Coalescing Assignment Operator）jest używany między dwoma wartościami.

jeśli pierwsza wartość undefined lub nulli przypisz drugą wartość.

Przykład sumowania brakujących wartości przypisania

let x = 10;
x ??= 5;

Spróbuj sam

Od września 2020 roku wszystkie współczesne przeglądarki wspierają ??= Operator:

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
Sierpień 2020 roku Sierpień 2020 roku Marzec 2020 roku Wrzesień 2020 roku Wrzesień 2020 roku