जावास्क्रिप्ट ES2019 में नया क्या है

जावास्क्रिप्ट के नवीनतम संस्करणों के लिए एक मानक प्रक्रिया है और इसके पीछे एक पूरी समिति है। इस लेख में, मैं इस बारे में बात करूंगा कि कौन किसी नए विनिर्देश पर निर्णय लेता है, इसके लिए क्या प्रक्रिया है और ES2019 में क्या नया है।



जावास्क्रिप्ट को नियंत्रित करने वाले भाषा विनिर्देश को ECMAScript कहा जाता है। तकनीकी समिति 39 [TC39] नामक एक समूह है, जो गोद लेने से पहले प्रत्येक विनिर्देश की समीक्षा करता है।

प्रत्येक परिवर्तन चरणों में होता है:

• स्टेज 0: विचार
• स्टेज 1: ऑफ़र
• चरण 2: ड्राफ्ट
• चरण 3: उम्मीदवार
• चरण 4: पूर्णता / अनुमोदन

एक फ़ंक्शन जो चरण 4 तक पहुंचता है, भाषा विनिर्देश का हिस्सा होने की संभावना है।

ES2019 के अनुसार विनिर्देश में क्या जोड़ा गया है, इस पर विचार करें।

Array.prototype। {फ़्लैट, फ़्लैटमैप}

Array.prototyp.flat () आपको किसी दिए गए गहराई तक पुनरावर्ती रूप से चिकनी सरणियों की अनुमति देता है और एक नया सरणी लौटाता है।

सिंटैक्स: Array.prototype.flat (गहराई)
गहराई - डिफ़ॉल्ट मान 1 है, सभी नेस्टेड सरणियों को सुचारू करने के लिए इन्फिनिटी का उपयोग करें।

const numbers = [1, 2, [3, 4, [5, 6]]]; // Considers default depth of 1 numbers.flat(); > [1, 2, 3, 4, [5, 6]] // With depth of 2 numbers.flat(2); > [1, 2, 3, 4, 5, 6] // Executes two flat operations numbers.flat().flat(); > [1, 2, 3, 4, 5, 6] // Flattens recursively until the array contains no nested arrays numbers.flat(Infinity) > [1, 2, 3, 4, 5, 6] 

Array.prototype.flatMap () मैपिंग फ़ंक्शन का उपयोग करके प्रत्येक तत्व को मैप करता है और परिणाम को एक नए सरणी में संरेखित करता है। यह मैप ऑपरेशन के समान है, इसके बाद 1 की गहराई तक फ्लैट किया जाता है।

सिंटैक्स: Array.prototype.flatMap (कॉलबैक)
कॉलबैक: एक फ़ंक्शन जो एक नए सरणी के तत्व का उत्पादन करता है।

 const numbers = [1, 2, 3]; numbers.map(x => [x * 2]); > [[2], [4], [6]] numbers.flatMap(x => [x * 2]); > [2, 4, 6] 

Object.fromEntries

Object.fromEntries Object.entries के विपरीत करता है। यह कुंजी-मूल्य जोड़े की एक सूची को एक वस्तु में परिवर्तित करता है।

सिंटैक्स: Object.fromEntries (iterable)
पुनरावृति: सरणी या मानचित्र ऑब्जेक्ट के रूप में पुनरावृत्ति जो पुनरावृत्त प्रोटोकॉल को लागू करते हैं ।

 const records = [['name','Mathew'], ['age', 32]]; const obj = Object.fromEntries(records); > { name: 'Mathew', age: 32} Object.entries(obj); > [['name','Mathew'], ['age', 32]]; 

String.prototype। {TrimStart, trimEnd}

trimStart () एक पंक्ति की शुरुआत में रिक्त स्थान को हटाता है, और trimEnd () एक पंक्ति के अंत में रिक्त स्थान को हटाता है।

 const greeting = ` Hello Javascript! `; greeting.length; > 19 greeting = greeting.trimStart(); > 'Hello Javascript! ' greeting.length; > 18 greeting = 'Hello World! '; greeting.length; > 15 greeting = greeting.trimEnd(); > 'Hello World!' greeting.length; > 12 

वैकल्पिक पकड़ बंधन

नए विनिर्देशन से पहले, एक अपवाद स्टेटमेंट को कैच स्टेटमेंट के लिए बाध्य करना आवश्यक था। ES2019 ने इसे वैकल्पिक बना दिया।

 // Before try { ... } catch(error) { ... } // After try { ... } catch { ... } 

यदि आप त्रुटि को पूरी तरह से अनदेखा करना चाहते हैं तो यह सुविधा उपयोगी है। सबसे अच्छा अभ्यास त्रुटि हैंडलिंग पर विचार करना है।

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

JSON ⊂ ECMAScript

लाइन सेपरेटर कैरेक्टर (U + 2028) और पैरा सेपरेटर कैरेक्टर (U + 2029) अब स्ट्रिंग लिटरल्स में अनुमति दी गई है। पहले, वे स्ट्रिंग टर्मिनेटर माने जाते थे और सिंटेक्सएयर अपवाद को फेंक देते थे।

 // Produces invalid string before ES2019 eval('"\u2028"'); // Valid in ES2019 eval('"\u2028"'); 

अच्छी तरह से गठित JSON.stringify

एकल UTF-16 कोड इकाइयों के लिए अग्रणी सरोगेट कोड पॉइंट्स के बजाय, ES10 JSON एस्केप सीक्वेंस का उपयोग करके उनका प्रतिनिधित्व करता है।

 JSON.stringify('\uD800'); > '" "' JSON.stringify('\uD800'); > '"\\ud800"' 

Function.prototype.toString

.toString () अब रिक्त स्थान और टिप्पणियों सहित स्रोत कोड के सटीक स्निपेट्स लौटाता है।

 function /* a comment */ foo () {} // Previously: foo.toString(); > 'function foo() {}' ^ no comment ^ no space // Now: foo.toString(); > 'function /* comment */ foo () {}' 

Symbol.prototype.description

केवल पढ़ने वाली संपत्ति जो प्रतीक वस्तु का वैकल्पिक विवरण लौटाती है:

 Symbol('desc').toString(); > "Symbol(desc)" Symbol('desc').description; > "desc" Symbol('').description; > "" Symbol().description; > undefined 

निष्कर्ष

कई अन्य दिलचस्प चीजें हैं, जैसे कि स्थिर और निजी तरीके और कक्षाओं में फ़ील्ड, लिगेसी RegEx, आदि। डेवलपर के लिए नई तकनीकों के उद्भव की निगरानी करना, पुराने लोगों को सुधारना और काम में इसका उपयोग करना महत्वपूर्ण है।

पिछले संस्करणों को पढ़ना उपयोगी होगा: ES2015 ES2016 ES2017 ES2018