JavaScript ES11(ECMAScript 2020) Updates : New Features of JS ES11

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JS ES11 Updates

JS ECMAScript 2020 Updates

ECMAScript 2020 (ES11) में कुछ new और काफी useful features introduce किये गए हैं जो developers के लिए coding को और easy और efficient बनाते हैं। यह features bade ही interesting और modern-day JavaScript development में important role play करते हैं।

इस blog में हम इन features को detail में देखेंगे।

Table of Contents

• BigInt Data Type

• Dynamic Import

• Nullish Coalescing Operator (??)

• Optional Chaining (?.)

• Promise.allSettled()

• String.prototype.matchAll()

• globalThis

• for-in Mechanics

• Conclusion

●●●

1. JS BigInt Data Type

JavaScript में अब तक हम integer values को 2^53-1 तक store कर सकते थे। लेकिन अगर आपको इस से bade integers handle करने हैं, तो उसके लिए ES11 ने BigInt data type को introduce किया है।

अब आप bade numbers को directly handle कर सकते हैं बिना precision lose किये।

Copy
let num1 = 1234567890123456789012345678901234567890n;
let num2 = 1234567890123456789012345678901234567890n;
console.log(num1 + num2); 
// Output: 2469135780246913578024691357802469135780n

2. JS Dynamic Import

Dynamic imports का use lazy loading के लिए किया जाता है, जिससे JavaScript modules को dynamically load किया जा सकता है जब उनकी need हो।

यह feature SPA (Single Page Application) और modular development में काफी helpful है।

Example

Copy
if (condition) {
    import('./module.js').then(module => {
        module.functionInModule();
    });
}

इसका advantage यह है कि आप code को efficiently manage कर सकते हैं और unnecessary code को load करने से बच सकते हैं।

3. JS Nullish Coalescing Operator (??)

यह operator तब काम आता है जब आपको किसी variable कि default value को set करना हो, लेकिन undefined या null values को handle करते वक्त।

Example

Copy
let foo;
let result = foo ?? 'Default Value'; 
console.log(result); 
// Output: 'Default Value'

इसमें अगर foo undefined या null है, तो ?? operator उसको ignore करके default value को return करेगा।

4. JS Optional Chaining (?.)

Optional chaining एक ऐसी feature है जो deeply nested objects या properties को access करते वक्त आपको error से बचता है। अगर कोई property या object exist नहीं करता, तो वो undefined return करेगा instead of throwing an error .

Example

Copy
let user = {
    name: 'John',
    details: {
        age: 30
    }
};

console.log(user?.details?.age);  // Output: 30
console.log(user?.address?.city); // Output: undefined

5. JS Promise.allSettled()

Promise.allSettled() एक नया method है जो promise array के सारे promises को settle hone तक wait करता है, चाहे वो resolve हो या reject.

यह method काम आता है जब आपको सभी promises के result को manage करना हो।

Example

Copy
let promises = [
    Promise.resolve('Success'),
    Promise.reject('Error'),
    Promise.resolve('Another Success')
];

Promise.allSettled(promises).then(results => console.log(results));

Output

[
    { status: 'fulfilled', value: 'Success' },
    { status: 'rejected', reason: 'Error' },
    { status: 'fulfilled', value: 'Another Success' }
]

6. JS String.prototype.matchAll()

matchAll() method का use regular expressions के साथ किया जाता है। यह एक iterable object return करता है जो string के अंदर सारे matches को return करता है, instead of just the first one.

Example

Copy
let text = 'Hello1 Hello2 Hello3';
let regex = /Hello\d/g;

let matches = text.matchAll(regex);
for (const match of matches) {
    console.log(match);
}
// Output: ['Hello1'], ['Hello2'], ['Hello3']

7. JS globalThis

JavaScript में globally accessible object को access करने के लिए globalThis introduce किया गया। Browser environment में यह window होता है और Node.js में यह global होता है।

globalThis का use global context को access करने के लिए किया जा सकता है, चाहे वो किसी भी environment में हो।

Example

Copy
console.log(globalThis);

8. JS for-in Mechanics

ES11 ने for-in loop के mechanics को improve किया है जिससे enumeration order और consistency काफी better हो गयी है। अब आपको properties को enumerate करते वक्त एक consistent order मिलेगा।

●●●

Conclusion

JavaScript ES11 ने development को और simple और efficient बनाने के लिए new tools और features दिए हैं। BigInt, Optional Chaining, और Nullish Coalescing Operator जैसे features ने JavaScript को और flexible और powerful बनाया।

Promise.allSettled() ने async operations को और reliable बनाया है, जबकि dynamic import ने code splitting और modular development को enhance किया।

Happy Coding ?

Related articles

• Nullish Coalescing Operator (??)

• Optional Chaining (?.)

• Promise.allSettled()