"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जावास्क्रिप्ट ईसेलीज़ नोट्स: आधुनिक जावास्क्रिप्ट की शक्ति को उजागर करना

जावास्क्रिप्ट ईसेलीज़ नोट्स: आधुनिक जावास्क्रिप्ट की शक्ति को उजागर करना

2024-11-06 को प्रकाशित
ब्राउज़ करें:410

JavaScript ESelease Notes: Unleashing the Power of Modern JavaScript

जावास्क्रिप्ट ईएस6, जिसे आधिकारिक तौर पर ईसीएमएस्क्रिप्ट 2015 के रूप में जाना जाता है, ने महत्वपूर्ण संवर्द्धन और नई सुविधाएं पेश कीं, जिन्होंने डेवलपर्स के जावास्क्रिप्ट लिखने के तरीके को बदल दिया। यहां शीर्ष 20 विशेषताएं हैं जो ईएस6 को परिभाषित करती हैं और जावास्क्रिप्ट में प्रोग्रामिंग को अधिक कुशल और मनोरंजक बनाती हैं।

जावास्क्रिप्ट ES6 की शीर्ष 20 विशेषताएं

1 चलो और स्थिरांक

  • Let ब्लॉक-स्कोप्ड वैरिएबल घोषणा की अनुमति देता है।
  • const ब्लॉक-स्कोप्ड स्थिरांक बनाता है, पुनर्असाइनमेंट को रोकता है।

2 एरो फ़ंक्शन

  • फ़ंक्शन अभिव्यक्तियों के लिए संक्षिप्त वाक्यविन्यास, इसके शाब्दिक मूल्य को बनाए रखना।
   const add = (a, b) => a   b;

3 टेम्पलेट शाब्दिक

  • उन्नत स्ट्रिंग अक्षर जो इंटरपोलेशन और मल्टी-लाइन स्ट्रिंग्स का समर्थन करते हैं।
   const name = 'World';
   const greeting = `Hello, ${name}!`;

4 डिस्ट्रक्चरिंग असाइनमेंट

  • सरणी से मानों या वस्तुओं से गुणों को अलग-अलग चर में अनपैक करने के लिए एक वाक्यविन्यास।
   const arr = [1, 2, 3];
   const [x, y, z] = arr;

5 डिफ़ॉल्ट पैरामीटर्स

  • फ़ंक्शन पैरामीटर में डिफ़ॉल्ट मान हो सकते हैं, जिससे फ़ंक्शन अधिक लचीले हो जाते हैं।
   function multiply(a, b = 1) {
       return a * b;
   }

6 रेस्ट एंड स्प्रेड ऑपरेटर्स

  • ... का उपयोग तत्वों को विस्तारित करने या इकट्ठा करने के लिए किया जा सकता है।
   const sum = (...numbers) => numbers.reduce((a, b) => a   b, 0);
   const arr = [1, 2, 3];
   const newArr = [...arr, 4, 5];

7 मॉड्यूल

  • ES6 बेहतर कोड संगठन के लिए एक मॉड्यूल सिस्टम पेश करता है।
   // export
   export const pi = 3.14;
   // import
   import { pi } from './math.js';

8 कक्षाएं

  • जावास्क्रिप्ट के मौजूदा प्रोटोटाइप-आधारित वंशानुक्रम पर वाक्यात्मक चीनी, आसान वर्ग परिभाषाओं की अनुमति देती है।
   class Animal {
       constructor(name) {
           this.name = name;
       }
       speak() {
           console.log(`${this.name} makes a noise.`);
       }
   }

9 वादे

  • एसिंक्रोनस ऑपरेशंस को संभालने का एक मूल तरीका, जो कॉलबैक के लिए एक क्लीनर विकल्प प्रदान करता है।
   const fetchData = () => new Promise((resolve, reject) => {
       // async operation
   });

10 उन्नत वस्तु शाब्दिक
- ऑब्जेक्ट गुणों और विधियों को परिभाषित करने के लिए अधिक संक्षिप्त वाक्यविन्यास।

    const name = 'John';
    const person = {
        name,
        greet() {
            console.log(`Hello, ${this.name}`);
        }
    };

11 प्रतीक डेटा प्रकार
- विशिष्ट पहचानकर्ताओं के लिए एक नया आदिम डेटा प्रकार।

    const sym = Symbol('description');

12 मानचित्र और सेट संग्रह
- अद्वितीय मानों या कुंजी-मूल्य जोड़े को संग्रहीत करने के लिए नई डेटा संरचनाएं।

    const mySet = new Set([1, 2, 3]);
    const myMap = new Map([[1, 'one'], [2, 'two']]);

13 वीकमैप और वीकसेट
- ऐसे संग्रह जो अपनी चाबियों के कचरा संग्रहण की अनुमति देते हैं।

    const weakMap = new WeakMap();

14 इटरेटर और जेनरेटर
- Symbol.iterator और फ़ंक्शंस का उपयोग करके कस्टम पुनरावृत्त ऑब्जेक्ट जिन्हें फ़ंक्शन* का उपयोग करके रोका जा सकता है।

    function* generator() {
        yield 1;
        yield 2;
    }

15 लूप के लिए
- पुनरावृत्त वस्तुओं, जैसे कि सरणियाँ और स्ट्रिंग्स, पर पुनरावृत्ति के लिए एक नया लूप निर्माण।

    for (const value of [1, 2, 3]) {
        console.log(value);
    }

16 Array.prototype.find() और Array.prototype.findIndex()
- सरणियों के माध्यम से खोजने और पहला मिलान या उसका सूचकांक लौटाने की विधियाँ।

    const arr = [5, 12, 8, 130, 44];
    const found = arr.find(element => element > 10);

17 String.prototype.includes()
- यह जांचने की एक विधि कि क्या किसी स्ट्रिंग में एक निर्दिष्ट सबस्ट्रिंग है।

    const str = 'Hello, world!';
    console.log(str.includes('world')); // true

18 Object.assign()
- एक या अधिक स्रोत ऑब्जेक्ट से मानों को लक्ष्य ऑब्जेक्ट में कॉपी करने की एक विधि।

    const target = { a: 1 };
    const source = { b: 2 };
    Object.assign(target, source);

19 Object.entries() और object.values()
- किसी ऑब्जेक्ट की प्रविष्टियों या मानों को सरणियों के रूप में पुनः प्राप्त करने की विधियाँ।

    const obj = { a: 1, b: 2 };
    console.log(Object.entries(obj)); // [['a', 1], ['b', 2]]

20 Promise.all() और Promise.race()
- कई वादों को एक साथ निपटाने की विधियाँ।

    Promise.all([promise1, promise2]).then(results => {
        // handle results
    });

निष्कर्ष

जावास्क्रिप्ट ईएस6 ने भाषा को मौलिक रूप से बढ़ाया है, जिससे यह अधिक शक्तिशाली और डेवलपर-अनुकूल बन गई है। इन सुविधाओं का उपयोग करके, डेवलपर्स अधिक स्वच्छ, अधिक कुशल और अधिक रखरखाव योग्य कोड लिख सकते हैं। अपने अगले प्रोजेक्ट में ES6 की शक्ति को अपनाएं!

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/engrsakib/unlocking-the-power-of-javascript-es6-a-comprehenive-guide-to-its-top-20-features-2hpc?1यदि कोई है उल्लंघन, हटाने के लिए कृपया [email protected] से संपर्क करें
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3