😓 🕵🏻 🐡 जावास्क्रिप्ट 1.8 🦗 🧖🏻 😾

जावास्क्रिप्ट 1.8 मुख्य रूप से कार्यात्मक उत्साही लोगों के लिए बहुत बड़ी मात्रा में स्वादिष्ट सिन्थेटिक चीनी प्रदान करता है। लेकिन बहुत कम डेवलपर्स इस सुंदरता के बारे में जानते हैं। बेशक, दुर्भाग्य से, यहां तक कि क्रोम भी इन सभी अच्छाइयों का समर्थन नहीं करता है (आईई के बारे में कुछ भी नहीं कहना?), लेकिन केवल फ़ायरफ़ॉक्स 3+, लेकिन जावास्क्रिप्ट डेवलपर बस इन सभी नए उत्पादों के बारे में जानने के लिए बाध्य है।

एमडीएन पर लेखों में सबसे पूरी जानकारी मिल सकती है:

और मैंने जॉन रेसिग (jQuery के लेखक) द्वारा एक छोटा लेकिन दिलचस्प लेख का अनुवाद किया, जो इसमें कुछ नई विशेषताओं का खुलासा करता है: अभिव्यक्ति क्लोजर, जेनरेटर एक्सप्रेशंस, __iterator__, ऐरे रिड्यूस और कुछ अन्य:

//    - document.addEventListener("click", function() false, true); //    for ( let i in 3 ) alert( i ); //    100 ,   [ 0 for ( i in 100 ) ]; //    10*10 [[ i == j ? 1 : 0 for ( i in 10 ) ] for ( j in 10 )];

हालांकि लेख 2007 में लिखा गया था, लेकिन मुझे इसका अनुवाद रूसी भाषा में नहीं मिला और आम तौर पर रूसी में इस विषय पर पर्याप्त जानकारी मिलती है। उदाहरणों में सभी कोड फ़ायरफ़ॉक्स 3+ में ठीक काम करते हैं।

जावास्क्रिप्ट 1.8 में प्रगति

यदि आपने जावास्क्रिप्ट 1.8 के विकास में प्रगति का पालन नहीं किया है, तो मैं आपको एक त्वरित अवलोकन प्रदान करता हूं जो पहले से ही फ़ायरफ़ॉक्स 3 के रात के निर्माण में है।

अब तक, नवीनतम संस्करणों में तीन मुख्य विशेषताएं शामिल हैं, और कई और अधिक अपेक्षित हैं। इस "प्रकाश" संस्करण का मुख्य लक्ष्य वर्तमान जावास्क्रिप्ट कार्यान्वयन को वांछित जावास्क्रिप्ट 2 विनिर्देश के करीब लाना है।

लेक्सिकल क्लोजर (एक्सप्रेशन क्लोजर)

लेक्सिकल क्लोजर को हाल ही में ट्रंक में जोड़ा गया है, और वे निश्चित रूप से कार्यात्मक प्रोग्रामिंग के प्रेमियों के लिए दिलचस्प होंगे। वास्तव में, यह केवल सरल कार्यों को लिखने के लिए एक सुरुचिपूर्ण प्रविष्टि है जो भाषा को एक विशिष्ट लंबोदर संकेतन की तरह बनाती है।

आइए विभिन्न भाषाओं में लंबो कार्यों के सिंटैक्स पर एक नज़र डालें:

अजगर:

 lambda x: x * x

स्मालटाक:

 [ :x | x * x ]

जावास्क्रिप्ट 1.8:

 function(x) x * x

जावास्क्रिप्ट 1.7 और बाद में:

 function(x) { return x * x; }

शायद मेरा पसंदीदा उदाहरण एक इवेंट हैंडलर की स्थापना है:

 document.addEventListener("click", function() false, true);

या इस संकेतन और जावास्क्रिप्ट 1.6 से सरणियों के लिए उपयोग किए जाने वाले कुछ कार्यों के संयोजन में:

 elems.some(function(elem) elem.type == "text");

यह आपको सुरुचिपूर्ण JS / DOM कोड देगा।

जेनरेटर एक्सप्रेशन

यह बिल्कुल नया उदाहरण है। यह पिछले एक की तुलना में अधिक जटिल है, क्योंकि कई अवधारणाएं यहां शामिल हैं। विशेष रूप से, एक उदाहरण के लिए जावास्क्रिप्ट 1.7 की अधिकांश विशेषताओं के ज्ञान की आवश्यकता होती है - विशेष रूप से पुनरावृत्तियों, जनरेटर और सरणी जनरेटर। यह सुविधा पायथन से उधार ली गई जनरेटर अभिव्यक्तियों पर आधारित है।

इस सुविधा पर नज़र रखने वाले टिकट में, ब्रेंडन ने एक सुंदर और कार्यात्मक सुडोकू सॉल्वर पोस्ट किया, जो इस ऐड-ऑन द्वारा प्रस्तावित नए सिंटैक्स का उपयोग करके लिखा गया था। यह डेमो पायथन में लिखे एक समान पर आधारित है, जो जनरेटर अभिव्यक्तियों के उपयोग को दर्शाता है।

इस फ़ंक्शन के अर्थ को बेहतर ढंग से समझने के लिए, आइए सुडोकू सॉल्वर से लिए गए जावास्क्रिप्ट 1.8 कोड का एक उदाहरण देखें।

 dict([s, [u for (u in unitlist) if (u.contains(s))]] for (s in squares))

यह अभिव्यक्ति तानाशाही () फ़ंक्शन पर निर्भर करती है, जो 2xN मैट्रिक्स लेती है और इसे एक कुंजी / मान युग्म में परिवर्तित करती है। यहाँ उसका कोड है:

 function dict(A) { let d = {} for (let e in A) d[e[0]] = e[1] return d }

आइए इस अभिव्यक्ति के प्रत्येक तत्व को बेहतर ढंग से समझने के लिए देखें कि वास्तव में क्या हो रहा है।

 [u for (u in unitlist) if (u.contains(s))]

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

और सूचकांकों के साथ एक सरणी बनाएँ जिसमें s हो।

 [s, ...] for (s in squares)

अभिव्यक्ति का दूसरा भाग सरणी पीढ़ी का एक और उदाहरण है। पहली नज़र में, यह जावास्क्रिप्ट 1.7 की एक और विशेषता है - विनाशकारी असाइनमेंट, लेकिन यह नहीं है।

विनाशकारी असाइनमेंट तब होता है जब आप सरणी के पुराने तत्व को एक नया मान प्रदान करते हैं - और यहां हम इस मान को नए सरणी में जोड़ते हैं। नए दो आयामी सरणियों को बाद में तानाशाही समारोह में पारित किया जाएगा।

 dict([s, ...] for (s in squares))

यह वह जगह है जहाँ जादू छिपा हुआ है। जावास्क्रिप्ट 1.7 में, हम इस तरह से कमांड () फ़ंक्शन को कॉल कर सकते हैं:

 dict([[s, ...] for (s in squares)])

सूची निर्माण के स्पष्ट उपयोग पर ध्यान दें। अतिरिक्त पीढ़ी के साथ समस्या यह है कि यह पूरी तरह से पूरे सरणी (जो एक शब्दकोश / हैश में बदल जाती है) के निर्माण के लिए किया जाना चाहिए। हालांकि, एक और की अनुपस्थिति [...] अभिव्यक्ति-जनरेटर को परिभाषित करती है। यह जावास्क्रिप्ट रेखा 1.8 में निम्न पंक्ति के बराबर जावास्क्रिप्ट 1.8 में बनाता है:

 dict((function(){ for (s in squares) yield [s, ...] ; })())

यहाँ आप देखते हैं कि जनरेटर अभिव्यक्ति एक सरणी बनाता है आलसी - अर्थात, मान तब तक उत्पन्न नहीं होंगे जब तक कि उन्हें तानाशाही () फ़ंक्शन में आवश्यक नहीं किया जाता है (परिणामस्वरूप, हमें कम संचालन और बेहतर प्रदर्शन मिलता है)

यहाँ एक जनरेटर अभिव्यक्ति का एक और उदाहरण है:

 //  ,      function val_iter(obj) { return (obj[x] for (x in obj)); } //     for ( let key in obj ) { ... } //     for ( let value in val_iter(obj) ) { ... }

बेशक, Val_iter () फ़ंक्शन का उपयोग जावास्क्रिप्ट 1.7 का उपयोग करके भी किया जा सकता है, उपज का उपयोग करके:

 function val_iter(obj) { for (let x in obj) yield obj[x]; }

जेनरेटर एक्सप्रेशंस कोड में विशेष रूप से उपयोगी होंगे जो मेमोरी और सीपीयू के लिए लालची हैं - उदाहरण के लिए, एक ही सुडोकू सॉल्वर में, क्योंकि अब समाधानों के परिणाम प्राप्त करना संभव है, जब उन्हें जरूरत हो - और अग्रिम में उनकी गणना करने के लिए नहीं।

पुनरावृत्तियों के साथ मज़ा आ रहा है

वैसे, मैंने हाल ही में पुनरावृत्तियों और जनरेटर से निपटा है - और मेरे पास संख्याओं के एक सेट (उदाहरण के लिए, 0-9) पर बस पुनरावृति करने की क्षमता नहीं है। किसी फ़ाइल के साथ थोड़ा काम करने के बाद, हम इस सुविधा को भाषा में जोड़ सकते हैं:

 //      Number.prototype.__iterator__ = function() { for ( let i = 0; i < this; i++ ) yield i; }; //    for ( let i in 3 ) alert( i ); //    100 ,   [ 0 for ( i in 100 ) ] //    10*10 [[ i == j ? 1 : 0 for ( i in 10 ) ] for ( j in 10 )]

हो सकता है वह कत्लेआम कर रहा हो, लेकिन मैं इस बात पर सबसे ज्यादा खुश था।

ऐरे कम करें

अंतिम बात पर विचार करने के लिए नई Array.reduce / Array.prototype.reduce विधियाँ जावास्क्रिप्ट 1.6 सरणी एक्सटेंशन के साथ हैं।

आप इस तरह से ऐरे पर अप्लाई कर सकते हैं:

 someArray.reduce( fn [, initial] );

एक समारोह के साथ, यह इस तरह दिखेगा:

 someArray.reduce(function(lastValue, curValue){ return lastValue + curValue; });

तर्क "lastValue" कम फ़ंक्शन के कॉलबैक का परिणाम है। जब आप पहली बार कॉल करते हैं, lastValue सूची के पहले तत्व या प्रारंभिक के मूल्य के बराबर होगा, यदि आपने इसे पारित किया है, और curValue का मूल्य सूची के अगले तत्व के बराबर होगा

इस प्रकार, यदि आप 0 से 99 तक की संख्या प्राप्त करना चाहते हैं, तो आप इसे निम्नानुसार कर सकते हैं (जावास्क्रिप्ट 1.8 और उपरोक्त संख्यात्मक पुनरावृत्ति का उपयोग करके)

 [x for ( x in 100 )].reduce(function(a,b) a+b);

सुरुचिपूर्ण, है ना?

आप कई DOM नोड्स को एक सरणी में मर्ज करने जैसी चीज़ों के लिए कम लागू कर सकते हैं:

 nodes.reduce(function(a,b) a.concat(b.childNodes), []);

यह अपने आप कोशिश करो!

जो कुछ मैंने ऊपर उल्लेख किया है वह फ़ायरफ़ॉक्स 3 के नवीनतम रात के निर्माण में काम करता है, इसलिए यदि आप उपरोक्त में से एक करने की कोशिश करना चाहते हैं, तो बस निम्नलिखित करें:

1. फ़ायरफ़ॉक्स 3 के रात के निर्माण को डाउनलोड करें

2. एक ऐसा पेज बनाएँ जिसमें निम्नलिखित टैग हों (विशेषता 'संस्करण = 1.8' जो अभी जोड़ा गया है):

 <script type="application/javascript;version=1.8"> ... your code ...</script>

और यह सब लेता है - आनंद!

जावास्क्रिप्ट 1.8