ES2020/ES2021: Features you might have missed — is the organization behind the standardization of the ECMAScript (JavaScript) specification TC39 ES2020 There are many cases when a section of your code is dependent on the module which is not loaded initially but needed if a user visits that conditional section- In that case loading the conditional module as default will be not good practice. So, now we have syntax for conditional loading a module or say loading a module dynamically. Dynamic Import — if(condition){import(‘/modules/my-module.js’)
 .then(module => {
 module.loadPageInto(main);
 }) Returning the second operand when the first one evaluates to either null or undefined (but no other falsy values) Nullish Coaslescing — varibale === null || variable ===undefined
const var1 = null ?? 'default string';
//var1 will be- "default string" Optional Chaining user && user.profile && user.profile.name
user?profile?.name Returns a promise that resolves after all of the given promises have either been fulfilled or rejected. Promise.allSettled - useCase- Use when multiple async tasks are not dependent - The matchAll() method returns an iterator of all results matching a string against a regular expression. String.matchAll() const regexp = /t(e)(st(\d?))/g;
const str = 'test3test5';const array = [...str.matchAll(regexp)];
array[0] ---
["test3", "e", "st1", "3"]array[1] ---
["test5", "e", "st2", "5"] BigInt values can be used for arbitrarily large integers(numbers larger than 2⁵³ -1). BigInt- Ex- 
const num = BigInt(“0b1111113311111111111111111111111111111111”) The globalThis property provides a standard way of accessing the global ‘this’ value irrespective of the environment the code is being run on. globalThis — like on 
on browser Global obj is window
on webwork Global Obj is self
on nodeJs Global Obj is globalAnd previously for getting our Global Obj we have put conditions for knowing the env where code is running like if (typeof self !== 'undefined') { return self; }
 if (typeof window !== 'undefined') { return window; }
 if (typeof global !== 'undefined') { return global; }But with this property it is not required now.
// browser environment
console.log(globalThis);    // => Window {...}
// node.js environment
console.log(globalThis);    // => Object [global] {...} ES2021 Previously there was no replaceAll method in js. we were having only replace method and for achieving replaceAll, we had to But now we have the replaceAll method. Replace All — use Regular Exp. str= 'the cat looks like a cat';
str2= str.replace(/cat/g, 'dog');Now
str2= str.replaceAll('cat', 'dog'); As soon as one of the promises in the iterable fulfills, returns that single promise. promise.any()- If promise in the iterable is fulfilled - Return that promise If no promises in the iterable are fulfilled - return a promise that is rejected with an AggregateError : The AggregateError object represents an error when several errors need to be wrapped in a single error. AggregateError Allows underscores as separators in numeric literals Number separator: const num =1000000
Can also be written as
const num =10_00_000 : This is just a cosmetic change, which means how we read/look on our codebase. it will not impact the calculation part. You can say it provided more readability logical OR operator. Note **Logical OR assignment **(x ||= y) operator only assigns if x is falsy. // returns x when x is truthy // returns y when x is not truthy x ||= y) can be read as below
x || (x = y); Happy learning…. 👏👏👏👏👏👏

Set or Update New Title and Meta Tag - Angular

Internationalization in CSS

Website

Nominated for 2022 - HackerNoon Contributor of the Year - Flutter

Nominated for 2022 - HackerNoon Contributor of the Year - Css3

Nominated for 2022 - No No No Nodejs

Nominated for 2022 - HackerNoon Contributor of the Year - News

Too Long; Didn't Read

Make resilience your competitive advantage

The Biggest Features in ES2020/ES2021

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Angular v14's New Features

222 Stories To Learn About Algorithms

30 Days DSA Interview Preparation Plan

4 Tips To Become A Successful Entry-Level Data Analyst

4 Ways Data Science Helps Streamline Business Operations

Angular v14's New Features

222 Stories To Learn About Algorithms

30 Days DSA Interview Preparation Plan

4 Tips To Become A Successful Entry-Level Data Analyst

4 Ways Data Science Helps Streamline Business Operations

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps