जावास्क्रिप्ट नवाचार: Google I / O 2019 परिणाम। भाग 2

आज हम जावास्क्रिप्ट नवाचारों के अनुवाद के दूसरे भाग को प्रकाशित कर रहे हैं। यहां हम अंकों के विभाजकों के बारे में बात करते हैं, globalThis संख्याओं के बारे में, सरणियों और वस्तुओं के साथ काम करने के बारे में, globalThis के बारे में, सॉर्टिंग के बारे में, अंतर्राष्ट्रीयकरण एपीआई के बारे में और वादों के बारे में।



→ पहला भाग

नंबर विभाजक

कार्यक्रमों में पाई जाने वाली लंबी संख्याओं को पढ़ना मुश्किल है। उदाहरण के लिए, 1000000000 दशमलव में एक बिलियन है। लेकिन एक नज़र में इसे समझना मुश्किल है। इसलिए, यदि प्रोग्राम का पाठक कुछ इसी तरह का सामना करता है - वह, इसे सही ढंग से अनुभव करने के लिए, शून्य को ध्यान से विचार करना होगा।

आधुनिक जावास्क्रिप्ट में, आप संख्याओं के विभाजक का उपयोग कर सकते हैं - एक अंडरस्कोर ( _ ), जिसके उपयोग से लंबी संख्या की पठनीयता में सुधार होता है। यहां बताया गया है कि कोड में सीमांकक लुक का उपयोग करके कैसे नंबर लिखे गए हैं:

 var billion = 1_000_000_000; console.log( billion ); // 1000000000 

विभाजकों का उपयोग मनमाने ढंग से संख्याओं में विभाजित करने के लिए किया जा सकता है। जावास्क्रिप्ट, जब संख्याओं के साथ काम करते हैं, तो बस विभाजकों की उपेक्षा करता है। किसी भी संख्या को लिखते समय उनका उपयोग किया जा सकता है: पूर्णांक, फ्लोटिंग पॉइंट, बाइनरी, हेक्साडेसिमल, ऑक्टल।

 console.log( 1_000_000_000.11 ); // 1000000000.11 console.log( 1_000_000_000.1_012 ); // 1000000000.1012 console.log( 0xFF_00_FF ); // 16711935 console.log( 0b1001_0011 ); // 147 console.log( 0o11_17 ); // 591 

→ सहायता

• TC39: स्टेज 3
• क्रोम: 75+
• नोड: 12.5+

बिगिन्ट डेटा प्रकार

जावास्क्रिप्ट में नंबर Number कंस्ट्रक्टर फ़ंक्शन का उपयोग करके बनाए जाते हैं।

अधिकतम मान जो Number डेटा प्रकार का उपयोग करके सुरक्षित रूप से दर्शाया जा सकता है (2 1 - 1), वह है, 9007199254740991। आप इस नंबर को Number.MAX_SAFE_INTEGER निर्माण का उपयोग करके देख सकते हैं।

कृपया ध्यान दें कि जब जेएस कोड में एक संख्यात्मक शाब्दिक का उपयोग किया जाता है, तो जावास्क्रिप्ट इसे संसाधित करता है, Number निर्माणकर्ता का उपयोग करके इसके आधार पर एक ऑब्जेक्ट बनाता है। इस ऑब्जेक्ट के प्रोटोटाइप में संख्याओं के साथ काम करने के तरीके हैं। यह सभी आदिम डेटा प्रकारों के साथ होता है।

अगर हम 9007199254740991 नंबर पर कुछ जोड़ने की कोशिश करेंगे तो क्या होगा?

 console.log( Number.MAX_SAFE_INTEGER ); // 9007199254740991 console.log( Number.MAX_SAFE_INTEGER + 10 ); // 9007199254741000 

Number.MAX_SAFE_INTEGER और 10, Number.MAX_SAFE_INTEGER का दूसरा आउटपुट console.log() जोड़ने का परिणाम गलत है। यह इस तथ्य के कारण है कि जेएस सही ढंग से संख्याओं की गणना नहीं कर सकता है। यह संख्या। Number.MAX_SAFE_INTEGER के मान से अधिक है। आप bigint डेटा bigint का उपयोग करके इस समस्या से निपट सकते हैं।

bigint प्रकार bigint उन पूर्णांकों का प्रतिनिधित्व करने की अनुमति देता है जो संख्या से अधिक हैं। Number.MAX_SAFE_INTEGER । बिगआईंट मानों के साथ काम करना टाइप Number मूल्यों के साथ काम करने के समान है। विशेष रूप से, भाषा में BigInt() फ़ंक्शन होता है, जिसके साथ आप संबंधित मान बना सकते हैं, और अंतर्निहित पूर्णांक बड़े bigint डेटा प्रकार का उपयोग बड़े पूर्णांक का प्रतिनिधित्व करने के लिए किया जाता है।

 var large = BigInt( 9007199254740991 ); console.log( large ); // 9007199254740991n console.log( typeof large ); // bigint 

जावास्क्रिप्ट BigInt शाब्दिक के अंत में n जोड़ता है। हमारे लिए, इसका अर्थ है कि पूर्णांकों के अंत में n जोड़कर ऐसे शाब्दिक लिखे जा सकते हैं।

अब हमारे पास अपने निपटान में बिगआईंट नंबर हैं, हम बड़ी संख्या में टाइप bigint पर गणितीय संचालन सुरक्षित रूप से कर सकते हैं।

 var large = 9007199254740991n; console.log( large + 10n ); // 9007199254741001n 

एक प्रकार की number प्रकार के एक प्रकार के bigint के समान नहीं है। विशेष रूप से, हम इस तथ्य के बारे में बात कर रहे हैं कि बिगआईंट-संख्या केवल पूर्णांक हो सकती है। नतीजतन, यह पता चला है कि आप अंकगणित संचालन नहीं कर सकते हैं जो bigint और number प्रकारों का उपयोग करते हैं।

यह ध्यान दिया जाना चाहिए कि BigInt() फ़ंक्शन विभिन्न संख्याएं ले सकता है: दशमलव, बाइनरी, हेक्साडेसिमल, ऑक्टल। इस फ़ंक्शन के अंदर, वे संख्याओं में परिवर्तित हो जाएंगे, जिनके प्रतिनिधित्व के लिए दशमलव संख्या प्रणाली का उपयोग किया जाता है।

bigint प्रकार भी बिट विभाजकों का समर्थन करता है:

 var large = 9_007_199_254_741_001n; console.log( large ); // 9007199254741001n 

→ सहायता

• TC39: स्टेज 3
• क्रोम: 67+
• नोड: 10.4+
• फ़ायरफ़ॉक्स: 68+

नई सरणी विधियाँ: .flat () और .flatMap ()

यहां हम Array ऑब्जेक्ट के लिए नए प्रोटोटाइप तरीकों के बारे में बात करेंगे - .flat() और .flatMap() तरीके।

(.Flat () विधि

अब Array के प्रकारों की एक नई विधि है - .flat(n) । यह एक नया सरणी देता है, जिससे पुनरावर्ती तत्वों के तत्वों को निर्दिष्ट स्तर n तक बढ़ाने की अनुमति मिलती है। डिफ़ॉल्ट रूप से, n 1 है। यह विधि n को Infinity बराबर पास कर सकती है, जो आपको नेस्टेड सरणियों के साथ एक सरणी को एक आयामी आयाम में बदलने की अनुमति देता है।

 var nums = [1, [2, [3, [4, 5]]]]; console.log( nums.flat() ); // [1, 2, [3, [4,5]]] console.log( nums.flat(2) ); // [1, 2, 3, [4,5]] console.log( nums.flat(Infinity) ); // [1, 2, 3, 4, 5] 

→ सहायता

• TC39: चरण 4
• क्रोम: 69+
• नोड: 11+
• फ़ायरफ़ॉक्स: 62+

▍ .flatMap () विधि

रोजमर्रा के कार्यों को हल करते समय, प्रोग्रामर को कभी-कभी समतल संरचना में इसके परिवर्तन के साथ .map() विधि का उपयोग करके सरणी को संसाधित करने की आवश्यकता हो सकती है। उदाहरण के लिए, इन संख्याओं की संख्या और वर्ग युक्त एक सरणी बनाएं:

 var nums = [1, 2, 3]; var squares = nums.map( n => [ n, n*n ] ) console.log( squares ); // [[1,1],[2,4],[3,9]] console.log( squares.flat() ); // [1, 1, 2, 4, 3, 9] 

.flatMap() पद्धति का उपयोग करके इस समस्या का समाधान सरल किया जा सकता है। यह कॉलबैक फ़ंक्शन द्वारा लौटाए गए सरणियों को धर्मान्तरित करता है, जैसे कि वे अपने .flat() विधि को n के 1 के बराबर पैरामीटर के साथ परिवर्तित करेंगे।

 var nums = [1, 2, 3]; var makeSquare = n => [ n, n*n ]; console.log( nums.flatMap( makeSquare ) ); // [1, 1, 2, 4, 3, 9] 

→ सहायता

• TC39: चरण 4
• क्रोम: 69+
• नोड: 11+
• फ़ायरफ़ॉक्स: 62+

▍ Object.fromEntries () विधि

किसी वस्तु से : प्रकार के जोड़े निकालना संभव है : का उपयोग स्थैतिक विधि Object का उपयोग करके किया जा सकता है, जो एक सरणी देता है, जिनमें से प्रत्येक तत्व एक सरणी है जिसमें पहला तत्व, एक कुंजी और दूसरा - एक मान है।

 var obj = { x: 1, y: 2, z: 3 }; var objEntries = Object.entries( obj ); console.log( objEntries ); // [["x", 1],["y", 2],["z", 3]] 

अब हमारे पास हमारे निपटान में एक स्थिर तरीका Object.fromEntries() , जो हमें एक समान संरचना को वापस ऑब्जेक्ट में बदलने की अनुमति देता है।

 var entries = [["x", 1],["y", 2],["z", 3]]; var obj = Object.fromEntries( entries ); console.log( obj ); // {x: 1, y: 2, z: 3} 

entries() विधि का उपयोग वस्तुओं में संग्रहीत डेटा को फ़िल्टर करने और मैप करने की सुविधा के लिए किया गया था। परिणाम एक सरणी है। लेकिन अभी तक, इस तरह के एक सरणी को एक वस्तु में बदलने के कार्य का कोई सुंदर समाधान नहीं हुआ है। यह इस समस्या को हल करने के लिए है कि आप Object.fromEntries() विधि का उपयोग कर सकते हैं।

 var obj = { x: 1, y: 2, z: 3 }; // [["x", 1],["y", 2],["z", 3]] var objEntries = Object.entries( obj ); // [["x", 1],["z", 3]] var filtered = objEntries.filter( ( [key, value] ) => value % 2 !== 0 //  ,     ); console.log( Object.fromEntries( filtered ) ); // {x: 1, z: 3} 

यदि Map : जोड़े को संग्रहीत करने के लिए डेटा संरचना का उपयोग किया जाता है : , तो उस डेटा को उस क्रम में संग्रहीत किया जाता है जिस क्रम में उन्हें इसमें जोड़ा गया था। एक ही समय में, डेटा कैसे संग्रहीत किया जाता है Object.entries() विधि द्वारा लौटाए गए सरणी जैसा दिखता है। ऑब्जेक्ट डेटा डेटा ऑब्जेक्ट में बदलने के लिए Object.fromEntries() विधि का उपयोग करना Object.fromEntries() आसान है।

 var m = new Map([["x", 1],["y", 2],["z", 3]]); console.log( m ); // {"x" => 1, "y" => 2, "z" => 3} console.log( Object.fromEntries( m ) ); // {x: 1, y: 2, z: 3} 

→ सहायता

• TC39: चरण 4
• क्रोम: 73+
• नोड: 12+
• फ़ायरफ़ॉक्स: 63+

T वैश्विक संपत्ति GlobalThis

हम जावास्क्रिप्ट में प्रयुक्त this परिचित हैं। इसका कुछ निश्चित मूल्य नहीं है। इसके बजाय, इसका अर्थ उस संदर्भ पर निर्भर करता है जिसमें इसे एक्सेस किया गया है। किसी भी वातावरण में, this वैश्विक वस्तु की ओर इशारा करता है, जब इसे उच्चतम स्तर के संदर्भ से एक्सेस किया जाता है। यही इसका वैश्विक अर्थ है।

उदाहरण के लिए, ब्राउज़र-आधारित जावास्क्रिप्ट में, इसके लिए वैश्विक मान window ऑब्जेक्ट है। आप जावास्क्रिप्ट फ़ाइल के शीर्ष स्तर (सबसे बाहरी संदर्भ में) या ब्राउज़र जेएस कंसोल में console.log(this) निर्माण का उपयोग करके इसे सत्यापित कर सकते हैं।


ब्राउज़र कंसोल में इसे एक्सेस करना

Node.js में इसका वैश्विक मूल्य एक global वस्तु की ओर इशारा global है। एक वेब कर्मचारी के अंदर, यह कार्यकर्ता को खुद को इंगित करता है। हालाँकि, वैश्विक मूल्य प्राप्त करना कोई आसान काम नहीं है। इस तथ्य का तथ्य यह है कि आप कहीं भी इसका उल्लेख नहीं कर सकते। उदाहरण के लिए, यदि आप इसे क्लास के कंस्ट्रक्टर में करने का प्रयास करते हैं, तो यह पता चलता है कि this इसी वर्ग के उदाहरण को इंगित करता है।

कुछ वातावरणों में, इस के वैश्विक मूल्य तक पहुँचने के लिए self this का उपयोग किया जा सकता है। यह कीवर्ड ब्राउज़रों में इस मान तक पहुँचने के लिए तंत्र के रूप में एक ही भूमिका निभाता है, Node.js में, और वेब कार्यकर्ताओं में। अलग-अलग वातावरणों में इसका वैश्विक मूल्य कैसे कहा जाता है, this ज्ञान का उपयोग करके, आप एक फ़ंक्शन बना सकते हैं जो इस मान को लौटाता है:

 const getGlobalThis = () => { if (typeof self !== 'undefined') return self; if (typeof window !== 'undefined') return window; if (typeof global !== 'undefined') return global; if (typeof this !== 'undefined') return this; throw new Error('Unable to locate global `this`'); }; var globalThis = getGlobalThis(); 

वैश्विक वस्तु पाने के लिए हमारे सामने एक आदिम पॉलीफ़िल है। इसके बारे में यहाँ और पढ़ें। अब जावास्क्रिप्ट में globalThis कीवर्ड है। यह विभिन्न वातावरणों के लिए इसके वैश्विक मूल्य तक पहुँचने का एक सार्वभौमिक तरीका प्रदान करता है और उस कार्यक्रम के स्थान पर निर्भर नहीं करता है जहाँ से यह पहुँचा है।

 var obj = { fn: function() {  console.log( 'this', this === obj ); // true  console.log( 'globalThis', globalThis === window ); // true } }; obj.fn(); 

→ सहायता

• TC39: स्टेज 3
• क्रोम: 71+
• नोड: 12+
• फ़ायरफ़ॉक्स: 65+

स्थिर छँटाई

ECMAScript मानक एक विशिष्ट सरणी सॉर्टिंग एल्गोरिथ्म प्रदान नहीं करता है जिसे जावास्क्रिप्ट इंजनों को लागू करना चाहिए। यह केवल सॉर्टिंग के लिए उपयोग किए जाने वाले एपीआई का वर्णन करता है। परिणामस्वरूप, अलग-अलग JS इंजनों का उपयोग करके, कोई छँटाई संचालन के प्रदर्शन में अंतर कर सकता है और छँटाई एल्गोरिदम की स्थिरता (स्थिरता) में।

अब मानक के लिए आवश्यक है कि छंटनी सरणियाँ स्थिर हों। छँटाई स्थिरता पर विवरण यहाँ पाया जा सकता है । एल्गोरिदम को सॉर्ट करने की इस विशेषता का सार निम्नानुसार है। एल्गोरिथ्म स्थिर है यदि सॉर्टिंग परिणाम, जो एक संशोधित सरणी है, में समान मान वाले तत्व शामिल हैं जो उसी क्रम में छँटाई से प्रभावित नहीं हुए थे जिसमें उन्हें मूल सरणी में रखा गया था। एक उदाहरण पर विचार करें:

 var list = [  { name: 'Anna', age: 21 },  { name: 'Barbra', age: 25 },  { name: 'Zoe', age: 18 },  { name: 'Natasha', age: 25 } ]; //      age [  { name: 'Natasha', age: 25 }  { name: 'Barbra', age: 25 },  { name: 'Anna', age: 21 },  { name: 'Zoe', age: 18 }, ] 

यहां, ऑब्जेक्ट्स वाले list सरणी को इन ऑब्जेक्ट्स के age क्षेत्र द्वारा क्रमबद्ध किया जाता है। list सरणी में, Barbra बराबर name संपत्ति के साथ एक वस्तु Natasha बराबर name संपत्ति के साथ वस्तु से पहले स्थित है। चूंकि इन वस्तुओं का age मान बराबर है, हम उम्मीद कर सकते हैं कि क्रमबद्ध सरणी में ये तत्व एक दूसरे के सापेक्ष पिछले व्यवस्था क्रम को बनाए रखेंगे। हालांकि, व्यवहार में यह उम्मीद नहीं की जा सकती थी। उपयोग किए गए जेएस इंजन पर पूरी तरह से निर्भर करता है कि वास्तव में छांटे गए सरणी का गठन कैसे किया जाएगा।

अब सभी आधुनिक ब्राउज़र और Node.js एक स्थिर छँटाई एल्गोरिथ्म का उपयोग करते हैं, जिसे .sort() सरणी विधि तक पहुँचने पर बुलाया जाता है। यह आपको हमेशा एक ही डेटा के लिए, एक ही परिणाम प्राप्त करने की अनुमति देता है:

 //    [  { name: 'Barbra', age: 25 },  { name: 'Natasha', age: 25 }  { name: 'Anna', age: 21 },  { name: 'Zoe', age: 18 }, ] 

अतीत में, कुछ जेएस इंजन ने स्थिर छंटाई का समर्थन किया, लेकिन केवल छोटे सरणियों के लिए। बड़े सरणियों को संसाधित करते समय प्रदर्शन में सुधार करने के लिए, वे तेज एल्गोरिदम और बलिदान की स्थिरता का उपयोग कर सकते हैं।

→ सहायता

• क्रोम: 70+
• नोड: 12+
• फ़ायरफ़ॉक्स: 62+

अंतर्राष्ट्रीयकरण एपीआई

अंतर्राष्ट्रीयकरण एपीआई का उद्देश्य स्ट्रिंग तुलनाओं को व्यवस्थित करने के लिए है, संख्याओं, तिथियों और समयों को प्रारूपित करने के लिए, जैसा कि विभिन्न क्षेत्रीय मानकों (स्थानों) में प्रथागत है। इस API तक पहुंच Intl ऑब्जेक्ट के माध्यम से आयोजित की जाती है । यह ऑब्जेक्ट सॉर्टर ऑब्जेक्ट्स और ऑब्जेक्ट्स जो डेटा स्वरूपित करता है बनाने के लिए कन्स्ट्रक्टर प्रदान करता है। Intl ऑब्जेक्ट द्वारा समर्थित स्थानों की सूची यहां पाई जा सकती है ।

(Intl.RelativeTimeFormat ()

कई अनुप्रयोगों में, सापेक्ष प्रारूप में समय का उत्पादन करना अक्सर आवश्यक होता है। यह “5 मिनट पहले”, “कल”, “1 मिनट पहले”, इत्यादि जैसा लग सकता है। यदि वेबसाइट सामग्रियों का विभिन्न भाषाओं में अनुवाद किया जाता है, तो आपको साइट असेंबली में समय का वर्णन करने वाले रिश्तेदार निर्माणों के सभी संभावित संयोजनों को शामिल करना होगा।

JS के पास अब Intl.RelativeTimeFormat(locale, config) कंस्ट्रक्टर है , जो आपको विभिन्न स्थानों के लिए दिनांक और समय स्वरूपण सिस्टम बनाने की अनुमति देता है। विशेष रूप से, हम उन वस्तुओं के बारे में बात कर रहे हैं जिनके पास एक विधि है। .format(value, unit) , जो आपको विभिन्न रिश्तेदार टाइमस्टैम्प उत्पन्न करने की अनुमति देता है। यह इस तरह दिखता है:

 // español ( ) var rtfEspanol= new Intl.RelativeTimeFormat('es', {  numeric: 'auto' }); console.log( rtfEspanol.format( 5, 'day' ) ); // dentro de 5 días console.log( rtfEspanol.format( -5, 'day' ) ); // hace 5 días console.log( rtfEspanol.format( 15, 'minute' ) ); // dentro de 15 minutos 

→ सहायता

• TC39: स्टेज 3
• क्रोम: 71+
• नोड: 12+
• फ़ायरफ़ॉक्स: 65+

▍Intl.ListFormat ()

Intl.ListFormat कंस्ट्रक्टर Intl.ListFormat शब्दों and ( ) और ( ) का उपयोग करके सूची आइटम को संयोजित करने की अनुमति देता है। संबंधित ऑब्जेक्ट बनाते समय, निर्माता को पैरामीटर के साथ लोकेल और ऑब्जेक्ट पास किया जाता है। इसका type पैरामीटर conjunction , disjunction और unit । उदाहरण के लिए, यदि हम एक संयोजन वस्तु का उपयोग करते हुए [apples, mangoes, bananas] के तत्वों को संयोजित करना चाहते हैं, तो हमें प्रपत्र apples, mangoes and bananas का एक स्ट्रिंग मिलता है। यदि हम किसी डिसजंक्शन ऑब्जेक्ट का उपयोग करते हैं, तो हमें प्रपत्र apples, mangoes or bananas की एक स्ट्रिंग मिलती है।

Intl.ListFormat कंस्ट्रक्टर द्वारा बनाई गई ऑब्जेक्ट में एक Intl.ListFormat .format(list) विधि है जो सूचियों को जोड़ती है। एक उदाहरण पर विचार करें:

 // español ( ) var lfEspanol = new Intl.ListFormat('es', {  type: 'disjunction' }); var list = [ 'manzanas', 'mangos', 'plátanos' ]; console.log( lfEspanol.format( list ) ); // manzanas, mangos o plátanos 

→ सहायता

• TC39 : स्टेज 3
• क्रोम: 72+
• नोड: 12+

▍Intl.Locale ()

"क्षेत्रीय मानक" की अवधारणा आमतौर पर किसी भाषा के नाम से बहुत अधिक है। इसमें कैलेंडर का प्रकार, उपयोग किए गए समय चक्र और भाषाओं के नाम के बारे में जानकारी शामिल हो सकती है। Intl.Locale(localeId, config) कंस्ट्रक्टर Intl.Locale(localeId, config) उपयोग उस पर दिए गए config ऑब्जेक्ट के आधार पर स्वरूपित Intl.Locale(localeId, config) स्ट्रिंग्स बनाने के लिए किया जाता है।

Intl.Locale का उपयोग करके बनाई गई Intl.Locale वस्तु में सभी निर्दिष्ट क्षेत्रीय सेटिंग्स शामिल हैं। इसकी .toString() विधि एक स्वरूपित क्षेत्रीय मानक स्ट्रिंग का उत्पादन करती है।

 const krLocale = new Intl.Locale( 'ko', {  script: 'Kore', region: 'KR',  hourCycle: 'h12', calendar: 'gregory' } ); console.log( krLocale.baseName ); // ko-Kore-KR console.log( krLocale.toString() ); // ko-Kore-KR-u-ca-gregory-hc-h12 

यहां आप यूनिकोड में पहचानकर्ताओं और स्थानीय टैग के बारे में पढ़ सकते हैं।

→ सहायता

• TC39: स्टेज 3
• क्रोम: 74+
• नोड: 12+

वादा

फिलहाल, जेएस के पास स्टैटिक मेथड Promise.all() और Promise.race() । The Promise.all([...promises]) विधि एक वादे को सफलतापूर्वक हल करती है जो सभी वादों के बाद विधि से पारित होने के बाद हल हो जाती है। इस वादे को अस्वीकार कर दिया जाता है कि इस वादे में से कम से कम एक वादे को हस्तांतरित कर दिया जाए। The Promise.race([...promises]) विधि एक वादा लौटाती है, जिसे हल करने के बाद किसी भी वादे को हल कर दिया जाता है, और अस्वीकार कर दिया जाता है, अगर इस तरह के कम से कम एक वादे को अस्वीकार कर दिया जाता है।

जेएस डेवलपर्स का समुदाय एक स्थिर पद्धति के लिए बेताब था, जो वादा वापस किया गया था, उसे हल करने के बाद सभी वादे पूरे हो जाएंगे (अनुमति या अस्वीकार)। इसके अलावा, हमें race() समान एक विधि की आवश्यकता थी, जो कि उस वादे में से किसी भी वादे के समाधान की प्रतीक्षा में एक वादा लौटाएगा।

▍ प्रॉमिस .allettled () विधि

Promise.allSettled() विधि वादों की एक सरणी को स्वीकार करती है। उसके द्वारा दिए गए वादे को सभी वादों को खारिज करने या अनुमति देने के बाद अनुमति दी जाती है। नतीजा यह है कि इस पद्धति द्वारा लौटाए गए वादे को catch आवश्यकता नहीं है।

तथ्य यह है कि यह वादा हमेशा सफलतापूर्वक हल हो जाता है। then ब्लॉक प्रत्येक वादे से status और value प्राप्त करता है जो वे दिखाई देते हैं।

 var p1 = () => new Promise(  (resolve, reject) => setTimeout( () => resolve( 'val1' ), 2000 ) ); var p2 = () => new Promise(  (resolve, reject) => setTimeout( () => resolve( 'val2' ), 2000 ) ); var p3 = () => new Promise(  (resolve, reject) => setTimeout( () => reject( 'err3' ), 2000 ) ); var p = Promise.allSettled( [p1(), p2(), p3()] ).then(  ( values ) => console.log( values ) ); //  [ {status: "fulfilled", value: "val1"}  {status: "fulfilled", value: "val2"}  {status: "rejected", value: "err3"} ] 

→ सहायता

• TC39: स्टेज 3
• क्रोम: 76+

▍ विधि Promise.any ()

Promise.any() विधि Promise.any() समान है, लेकिन इसके द्वारा दिया गया वादा catch निष्पादित नहीं करता है जब इस पद्धति से पारित वादों में से एक खारिज कर दिया जाता है।

इसके बजाय, वह सभी वादों के संकल्प का इंतजार करता है। यदि कोई वादा नहीं किया गया था, तो catch ब्लॉक को निष्पादित किया जाएगा। यदि वादों में से कोई भी सफलतापूर्वक हल हो जाता है, then निष्पादित किया जाएगा।

परिणाम

इस लेख में, हमने Google I / O 2019 सम्मेलन में चर्चा किए गए कुछ जावास्क्रिप्ट नवाचारों को देखा। हम आशा करते हैं कि आप उनके बीच कुछ ऐसा पाएंगे जो आपके लिए उपयोगी है।

प्रिय पाठकों! आप विशेष रूप से जावास्क्रिप्ट में क्या याद करते हैं?