सरल उदाहरण के साथ जावास्क्रिप्ट ES2020 नवाचार

हम आपको लेख के अनुवाद को पेश करते हैं मीडिल डॉट कॉम पर कार्लोस कैबलेरो ब्लॉग। इससे पहले, हमने इस लेखक द्वारा ES10 के कार्यों के बारे में सामग्री प्रकाशित की , जो 2019 में दिखाई दी।


फोटो निरपेक्षता के साथ निरपेक्षता

परिचय

ES2020 ECMAScript का एक संस्करण है, जो 2020 के लिए प्रासंगिक है। 2015 में जारी ES6 की तुलना में इसमें कई नवाचार नहीं हैं, लेकिन अभी भी कुछ उपयोगी विशेषताएं हैं।

इस लेख में, सरल कोड उदाहरणों का उपयोग करके नई ES2020 विशेषताओं का वर्णन किया गया है। आप किसी भी जटिल स्पष्टीकरण के बिना उन्हें जल्दी से समझ सकते हैं।

बेशक, प्रस्तुत उदाहरणों को पूरी तरह से समझने के लिए, आपको मूल जावास्क्रिप्ट ज्ञान होना चाहिए।

ES2020 में जावास्क्रिप्ट नवाचार:

• String.prototyp.matchAll विधि;
• गतिशील आयात ();
• बिगआईंट टाइप करें;
• विधि Promise.allSettled;
• वैश्विक वस्तु
• एक लूप के लिए निष्पादित करने के लिए तंत्र;
• वैकल्पिक चेनिंग स्टेटमेंट
• Nullish Coalescing संचालक।

String.protype.matchAll विधि

जब एक स्ट्रिंग को एक नियमित अभिव्यक्ति के साथ मिलान किया जाता है, तो मिलान समूह सहित, सभी परिणामों पर matchAll() विधि matchAll() देता है।

गतिशील आयात ()

डायनामिक import() मांगे गए मॉड्यूल के नेमस्पेस ऑब्जेक्ट के लिए एक वादा लौटाता है। इसलिए, आयात अब async/await सिंटैक्स का उपयोग करके एक चर को सौंपा जा सकता है।

BigInt - मनमानी लंबाई के पूर्णांक

BigInt सातवां आदिम प्रकार है, मनमाना लंबाई का पूर्णांक। इस प्रकार के चर अब 253 संख्यात्मक वर्णों से मिलकर बन सकते हैं; वे संख्यात्मक मान 9007199254740992 तक सीमित नहीं हैं।

वादा

Promise.allSettled विधि वादे राज्यों की एक सरणी के साथ एक वादा लौटाती है, लेकिन सभी मूल वादों के पूरा होने के बाद ही। हम कहते हैं कि एक वादा पूरा हो गया है अगर यह लंबित नहीं है, अर्थात यह या तो पूरा हो गया है या अस्वीकार कर दिया गया है।

मानकीकृत GlobalThis वस्तु

ES10 के आगमन तक GlobalThis ऑब्जेक्ट को मानकीकृत नहीं किया गया था। तैयार कोड में, इसे अपने आप ही विभिन्न प्लेटफार्मों के लिए मानक पर लाया जाना था, जो कुछ बोझिल था, जैसा कि नीचे दिए गए उदाहरण में है।

लूप तंत्र के लिए

ECMA-262 मानक लगभग (पूरी तरह से अस्पष्ट for (a in b) निर्माण के for (a in b) प्रसंस्करण के आदेश को छोड़ देता है, लेकिन वास्तविक इंजन अभी भी कुछ मामलों में सुसंगत होने की कोशिश करते हैं।

फॉर-इन चक्र के सटीक क्रम का निर्धारण करने के लिए समझौते तक पहुंचने के बार-बार प्रयास विफल रहे हैं। यह आंशिक रूप से इस तथ्य के कारण है कि सभी इंजनों का अपना विशिष्ट अनुप्रयोग है, जो बहुत काम का परिणाम है कि मैं बिल्कुल भी संशोधित नहीं करना चाहता था।

नतीजतन, विभिन्न इंजनों के डेवलपर्स इस बात पर सहमत हुए कि निर्माण for (a in b) निर्माण for (a in b) गुण कैसे हो सकते हैं ताकि इसका व्यवहार मानकीकृत हो सके।

Nullish Coalescing Operator

आमतौर पर, जब किसी संपत्ति का जिक्र किया जाता है, तो यह सलाह दी जाती है कि यदि इस कॉल का परिणाम शून्य या अपरिभाषित है, तो डिफ़ॉल्ट मान प्रदान करना उचित है। अब JavaScript में इस आशय को व्यक्त करने का एक विशिष्ट तरीका उपयोग करना है || ।



यह विधि नियमित रूप से अशक्त या अपरिभाषित मूल्यों के लिए अच्छी तरह से काम करती है, लेकिन कई झूठे मूल्य हैं जो अप्रत्याशित परिणाम दे सकते हैं।

Nullish Coalescing ऑपरेटर (अनिश्चित मूल्य के साथ ज्वाइन ऑपरेटर) को ऐसे मामलों को अधिक सफलतापूर्वक संभालने के लिए डिज़ाइन किया गया है और इसका उपयोग शून्य मान (अशक्त या अपरिभाषित) के साथ समानता को सत्यापित करने के लिए किया जाता है। यदि ऑपरेटर के बाईं ओर अभिव्यक्ति है ?? अपरिभाषित या अशक्त के रूप में मूल्यांकन किया जाता है, इसके दाहिने हिस्से को परिणाम के रूप में वापस किया जाता है।

वैकल्पिक चेनिंग ऑपरेटर

पेड़ की संरचना में गहरी स्थित संपत्ति का जिक्र करते समय, मध्यवर्ती नोड्स के अस्तित्व के लिए चेक जोड़ना अक्सर आवश्यक होता है।

वैकल्पिक चेनिंग ऑपरेटर डेवलपर्स को दोहराए और / या अस्थायी चर के लिए मध्यवर्ती परिणाम दिए बिना कई समान मामलों को संभालने की अनुमति देता है।



यह भी ध्यान देने योग्य है कि कई एपीआई या तो object या null/undefined लौटते हैं, और आपको परिणाम से एक संपत्ति निकालने की आवश्यकता हो सकती है जब यह शून्य नहीं होती है।



अपरिभाषित मान के साथ ज्वाइन ऑपरेटर अक्सर उन मामलों में लागू होता है जहां परिणाम की अनुपस्थिति को अपरिभाषित के रूप में व्यक्त नहीं किया जाना चाहिए।

निष्कर्ष

जावास्क्रिप्ट एक जीवित भाषा है, और इसका वेब विकास पर बहुत लाभकारी प्रभाव है। हम 2015 में ES6 के आगमन के बाद से इसके गतिशील विकास को देख रहे हैं, और इस लेख में हम ES2020 संस्करण की क्षमताओं को उजागर करते हैं।

संभवतः ये सभी नवाचार आपके वेब एप्लिकेशन बनाने के लिए आवश्यक नहीं होंगे। लेकिन वे सभी आपको सरल चाल के बिना या बहुत सारे कोड लिखने की अनुमति देते हैं जहां यह पहले आवश्यक था।