JavaScript ES9 (ECMAScript 2018) Updates : JS ES9 Updates

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 ES9 Updates

Features of JavaScript ES9

JavaScript के हर new version के साथ new और useful features introduce होते हैं जो programming को और आसान बनाते हैं। ECMAScript 2018, मतलब ES9, ने भी कुछ ऐसे ही bade updates लाये।

ES9 के features asynchronous iteration को simplify करते हैं, object management को easy बनाते हैं, और एक clean coding experience provide करते हैं।

Table of Contents

• Asynchronous Iteration : Async/Await का नया Use

• Rest/Spread Properties for Objects

• Promise.prototype.finally() : Asynchronous Code Cleanup

• Regular Expression Enhancements

• Conclusion

●●●

चलिए अब इन updates को थोड़ा detail में देख लेते हैं।

1. JS Asynchronous Iteration

ES9 में asynchronous iteration का concept introduce किया गया है, जो asynchronous tasks को handle करना और भी simple बना देता है।

आप for-await-of loop का use करके promises को iterate कर सकते हैं।

JS asynchronous iteration example

Copy
async function processNumbers(numbers) {
    for await (let number of numbers) {
        console.log(number);
    }
}

let promises = [
    Promise.resolve(1),
    Promise.resolve(2),
    Promise.resolve(3)
];

processNumbers(promises);
// Output: 1, 2, 3

इसका advantage यह है कि आप asynchronous tasks को synchronously iterate कर सकते हैं बिना promise chains के।

●●●

2. JS Rest/Spread Properties for Objects

Rest और spread operators पहले arrays के लिए available थे, लेकिन ES9 में उन्हें objects के लिए भी introduce किया गया। यह feature object manipulation को और easy बनाता है।

JS Rest Properties

Rest properties का use करके आप एक object के specific properties को extract कर सकते हैं और बाकी properties को अलग कर सकते हैं।

For example

Copy
let person = { name: 'John', age: 30, profession: 'Developer' };

let { name, ...rest } = person;

console.log(name); // Output: John
console.log(rest); // Output: { age: 30, profession: 'Developer' }

JS Spread Properties

Spread operator का use करके आप easily एक object को clone कर सकते हैं या multiple objects को combine कर सकते हैं।

For example

Copy
let person = { name: 'John', age: 30 };
let job = { profession: 'Developer' };

let personWithJob = { ...person, ...job };

console.log(personWithJob); 
// Output: { name: 'John', age: 30, profession: 'Developer' }

●●●

3. JS Promise.prototype.finally()

JavaScript में promises को handle करने के लिए then() और catch() काफी useful थे, लेकिन ES9 ने finally() method introduce किया है जो asynchronous code के cleanup को simplify करता है।

finally() हमेशा execute होता है, चाहे promise resolve हो या reject .

JS Promise.prototype.finally() example

Copy
fetch('https://api.example.com/data')
    .then(response => response.json())
    .catch(error => console.error('Error:', error))
    .finally(() => console.log('Fetch operation finished'));

यह method useful है जब आपको asynchronous operation के end में कोई cleanup task करना हो, जैसे UI को update करना या resources को release करना।

●●●

4. JS Regular Expression Enhancements

JavaScript में regular expressions को और powerful बनाने के लिए ES9 में कुछ new features आये हैं।

1. Named Capture Groups

Regular expressions में अब आप named capture groups का use कर सकते हैं, जिससे आप matched groups को easily reference कर सकते हैं।

For example

Copy
let dateRegex = /(?<day>\d{2})-(?<month>\d{2})-(?<year>\d{4})/;
let result = dateRegex.exec('15-08-2024');

console.log(result.groups.day);   // Output: 15
console.log(result.groups.month); // Output: 08
console.log(result.groups.year);  // Output: 2024

2. Lookbehind Assertions

Lookbehind assertions के trough आप ऐसे patterns को match कर सकते हैं जो एक specific pattern के पहले हो।

Example

Copy
let lookbehind = /(?<=\$)\d+/;
let price = '$100';
console.log(price.match(lookbehind)); // Output: 100

Lookbehind assertions से आप easily check कर सकते हैं कि कोई value किसी specific character या string के पहले है या नहीं।

●●●

Conclusion

JavaScript ES9 ने asynchronous iteration को easy बनाने के लिए for-await-of loop दिया, और object manipulation को और flexible बनाने के लिए rest/spread properties आये।

Promise handling के लिए finally() method ने asynchronous code को clean बनाने में help कि, और regular expressions में new features ने pattern matching को और powerful बनाया।

Hope You liked it ?

Related articles

• JS async - await

• JS Promises
  

• JS Regular Expressions