JavaScript ES13(ECMAScript 2022) Updates : Features of JS ES13

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

JavaScript ECMAScript 2022 Updates

JavaScript के ES13 version, जो ECMAScript 2022 के नाम से जाना जाता है, ने JavaScript को और भी functional और efficient बनाने के लिए कुछ new और advanced features introduce किये हैं।

इस blog में हम ES13 के सभी major updates को समझेंगे, और यह देखेंगे कैसे यह new features development process को आसान और बेहतर बनाते हैं।

Table of Contents

• Top-Level Await

• Class Fields and Methods

• Private Instance Methods and Accessors

• Static Blocks

• Array findLast() and findLastIndex() Methods

• Conclusion

●●●

1. JS Top-Level Await

पहले हम async/await का use सिर्फ functions के अंदर कर सकते थे, लेकिन ES13 में await को top-level पे use करने का support मिल गया है।

इसका मतलब आप बिना किसी async function के await का use कर सकते हैं, especially modules के अंदर।

Example

पहले हम async function के अंदर await use करते थे -

Copy
async function fetchData() {
    let data = await fetch('/api/data');
    console.log(data);
}
fetchData();

ES13 में बिना async function के भी आप await use कर सकते हैं -

Copy
let data = await fetch('/api/data');
console.log(data);

यह feature module-based applications में काफी helpful है, जहाँ आपको asynchronous code को directly top-level पे लिखने कि need होती है।

2. JS Class Fields and Methods

ES13 में class fields को define करना और भी easy हो गया है , अब आप directly class के अंदर fields define कर सकते हैं बिना constructor function के।

Example

Copy
class Person {
    name = 'John'; // Class field
    age = 30;

    getDetails() {
        return `${this.name} is ${this.age} years old.`;
    }
}

let person = new Person();
console.log(person.getDetails()); // Output: John is 30 years old.

अब fields को define करने के लिए constructor function लिखने कि need नहीं है , यह feature classes को और simple और cleaner बनाता है।

●●●

3. JS Private Instance Methods and Accessors

Private instance methods और accessors (#) का concept ES13 में introduce किया गया है, जो objects के internal details को protect करता है।

Private methods को सिर्फ उनके class के अंदर ही access किया जा सकता है।

Example

Copy
class Employee {
    #salary = 50000;

    #calculateBonus() {
        return this.#salary * 0.1;
    }

    getBonus() {
        return this.#calculateBonus();
    }
}

let emp = new Employee();
console.log(emp.getBonus()); // Output: 5000

यह private methods आपके code को secure और encapsulated बनाते हैं, जिससे external access को रोका जा सकता है।

●●●

4. JS Static Blocks

ES13 ने static blocks introduce किये हैं जो static properties को initialize करते वक्त complex logic को execute करने में help करते हैं।

Static blocks के through आपको initialization के लिए extra functions लिखने कि need नहीं पड़ती।

Example

Copy
class Config {
    static baseUrl;
    static timeout;

    static {
        this.baseUrl = 'https://api.example.com';
        this.timeout = 5000;
    }
}

console.log(Config.baseUrl); // Output: 'https://api.example.com'
console.log(Config.timeout); // Output: 5000

Static blocks का use static properties को initialize करने के लिए किया जाता है, जिससे initialization काफी flexible हो जाता है।

●●●

5. JS Array findLast() and findLastIndex()

ES13 में findLast() और findLastIndex() methods arrays में से last matching element को search के लिए introduce किये गए हैं।

यह methods backward search करते हैं और पहले element को return करते हैं जो condition को match करता हो।

Example

Copy
let numbers = [1, 2, 3, 4, 5, 6, 7];

let lastEven = numbers.findLast(num => num % 2 === 0);
console.log(lastEven); // Output: 6

let lastEvenIndex = numbers.findLastIndex(num => num % 2 === 0);
console.log(lastEvenIndex); // Output: 5

ये methods find() और findIndex() के जैसे ही काम करते हैं, लेकिन backward direction में search करते हैं, जिससे arrays के अंदर specific elements को searching और भी easy हो जाता है।

●●●

Conclusion

JavaScript ES13 के new features ने JavaScript को और भी ज़्यादा convenient, secure, और fast बनाया है।

चाहे वो top-level await हो, class fields हो, या private instance methods, इन सभी features का purpose development process को और easy और reliable banana है।

Hope U liked it?