💇🏾 🌥️ 🤛🏼 सब कुछ टाइप करें और बतख गलतफहमी 🖲️ ❄️ 🌇

हर कोई जो कुछ भी उद्देश्य के लिए अद्भुत जावास्क्रिप्ट का उपयोग कर रहा है: टाइपोफ़ नल "वस्तु" क्यों है? एक फ़ंक्शन से टाइपोफ़ "फ़ंक्शन" देता है , लेकिन एरे से - "ऑब्जेक्ट" ? और जहां अपने vaunted वर्गों पर हो जाओ? और यद्यपि अधिकांश भाग के विनिर्देश और ऐतिहासिक तथ्य आसानी से और स्वाभाविक रूप से उत्तर देते हैं, मैं अपने लिए एक रेखा थोड़ी और आकर्षित करना चाहूंगा।

यदि, पाठक, आपका टाइपोफ़ और इंस्टोफ़ आपके कार्यों में आपके लिए पर्याप्त नहीं हैं, और आप "वस्तु" के बजाय कुछ बारीकियाँ चाहते हैं, तो यह बाद में उपयोगी हो सकता है। अरे हाँ, बतखों के बारे में: वे भी थोड़े गलत होंगे।

संक्षिप्त पृष्ठभूमि

विश्वसनीय रूप से जावास्क्रिप्ट में एक चर का प्रकार हमेशा एक गैर-तुच्छ कार्य रहा है, निश्चित रूप से शुरुआत के लिए नहीं। ज्यादातर मामलों में, यह आवश्यक नहीं है, बस:

if (typeof value === 'object' && value !== null) { // awesome code around the object }

और अब आप एनपीई के स्थानीय एनालॉग - Cannot read property of null । क्या वह परिचित है?

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

फिर जावास्क्रिप्ट में एक प्रोटोटाइप ओओपी मॉडल का उपयोग करना अभी भी सामान्य था, याद है? हमारे पास कुछ ऑब्जेक्ट है, और इसके प्रोटोटाइप के लिंक के माध्यम से हम कंस्ट्रक्टर प्रॉपर्टी पा सकते हैं जो उस फ़ंक्शन को इंगित करता है जिसके साथ ऑब्जेक्ट बनाया गया था। और फिर समारोह और नियमित अभिव्यक्तियों से एक छोटे से जादू के साथ, और यहाँ यह परिणाम है:

 f.toString().match(/function\s+(\w+)(?=\s*\()/m)[1]

कभी-कभी वे साक्षात्कार में ऐसे प्रश्न पूछते थे, लेकिन क्यों?

हां, हम केवल एक विशेष संपत्ति के रूप में प्रकार का एक स्ट्रिंग प्रतिनिधित्व बचा सकते हैं और इसे प्रोटोटाइप श्रृंखला के माध्यम से ऑब्जेक्ट से प्राप्त कर सकते हैं:

 function Type() {}; Type.prototype.typeName = 'Type'; var o = new Type; o.typeName; < "Type"

केवल दो बार "टाइप" लिखना होगा: फ़ंक्शन घोषणा में और संपत्ति में।

अंतर्निहित वस्तुओं (जैसे ऐरे या दिनांक ) के लिए हमारे पास एक गुप्त संपत्ति [[वर्ग]] थी , जिसे मानक वस्तु से स्ट्रिंग के माध्यम से झुकाया जा सकता था:

 Object.prototype.toString.call(new Array); < "[object Array]"

अब हमारे पास कक्षाएं हैं, और कस्टम प्रकार अंततः भाषा में तय किए गए हैं: यह आपके लिए कोई लाइवस्क्रिप्ट नहीं है; हम बड़ी मात्रा में समर्थित कोड लिखते हैं!

उसी समय के आसपास, Symbol.toStringTag और Function.name दिखाई दिए , जिसके साथ हम अपने टाइपोफ़ को नए तरीके से ले सकते हैं।

सामान्य तौर पर, इससे पहले कि हम आगे बढ़ते हैं, मैं ध्यान देना चाहता हूं कि विचाराधीन मुद्दा भाषा के साथ स्टैकऑवरफ्लो पर विकसित होता है और संपादकीय बोर्ड से संपादकीय बोर्ड तक उठता है: 9 साल पहले , 7 साल पहले , इतना समय पहले नहीं, या यह और वह ।

मामलों की वर्तमान स्थिति

इससे पहले, हमने पहले से ही पर्याप्त विवरण Symbol.toStringTag और Function.name में जांच की । संक्षेप में, आंतरिक toStringTag चरित्र एक आधुनिक [[वर्ग]] है , केवल हम इसे अपनी वस्तुओं के लिए फिर से परिभाषित कर सकते हैं। और फंक्शन.नाम संपत्ति को लगभग सभी ब्राउज़रों में उसी प्रकार से कानूनी रूप दिया गया है, उदाहरण से उसी प्रकार का नाम: फ़ंक्शन का नाम देता है।

बिना किसी हिचकिचाहट के, आप ऐसे कार्य को परिभाषित कर सकते हैं:

 function getTag(any) { if (typeof any === 'object' && any !== null) { if (typeof any[Symbol.toStringTag] === 'string') { return any[Symbol.toStringTag]; } if (typeof any.constructor === 'function' && typeof any.constructor.name === 'string') { return any.constructor.name; } } return Object.prototype.toString.call(any).match(/\[object\s(\w+)]/)[1]; }

यदि चर एक वस्तु है, तो:
1.1। यदि ऑब्जेक्ट को StringTag ओवरराइड किया जाता है, तो उसे वापस करें;
1.2। यदि कंस्ट्रक्टर फ़ंक्शन ऑब्जेक्ट के लिए जाना जाता है और फ़ंक्शन में एक नाम गुण है, तो उसे वापस करें;
अंतिम रूप से ऑब्जेक्ट ऑब्जेक्ट के स्ट्रेचिंग पद्धति का उपयोग करते हैं, जो बिल्कुल किसी अन्य चर के लिए हमारे लिए सभी बहुरूपिक कार्य करेगा।

स्ट्रांगटैग के साथ वस्तु:

 let kitten = { [Symbol.toStringTag]: 'Kitten' }; getTag(kitten); < "Kitten"

कक्षा के साथ toStringTag :

 class Cat { get [Symbol.toStringTag]() { return 'Kitten'; } } getTag(new Cat); < "Kitten"

Constructor.name का उपयोग करना:

 class Dog {} getTag(new Dog); < "Dog"

→ इस भंडार में और उदाहरण देखे जा सकते हैं ।

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

कुछ गलत बत्तख

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

क्लासेस?

जावास्क्रिप्ट में मेरा पसंदीदा "बतख" वर्ग है। जिन लोगों ने ईएस -2015 के साथ जावास्क्रिप्ट लिखना शुरू किया, उन्हें कभी-कभी संदेह नहीं होता कि ये वर्ग क्या हैं। और सच्चाई यह है:

 class Person { constructor(name) { this.name = name; } hello() { return this.name; } } let user = new Person('John'); user.hello(); < "John"

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

हालाँकि, जब आप "क्लास" के लिए वास्तविक समय में नए तरीके जोड़ना शुरू करते हैं, और साथ ही वे पहले से ही निर्मित उदाहरणों के लिए तुरंत उपलब्ध हो जाते हैं, तो कुछ खो जाते हैं:

 Person.prototype.hello = function() { return `Is not ${this.name}`; } user.hello(); < "Is not John"

यह मत करो!

और कुछ को विश्वसनीय रूप से नहीं पता है कि यह प्रोटोटाइप मॉडल से अधिक सिंटैक्टिक चीनी है, क्योंकि वैचारिक रूप से भाषा में कुछ भी नहीं बदला है। अगर हम पर्सन से गेटटैग कहते हैं, तो हमें "फंक्शन" मिलता है, न कि बनावटी "क्लास" , और यह याद रखने लायक है।

अन्य कार्य

जावास्क्रिप्ट में एक फ़ंक्शन घोषित करने के कई तरीके हैं: फंक्शनडक्लेरेशन , फंक्शनएक्सप्रेशन , और हाल ही में एरोफ़ंक्शन । हम सभी जानते हैं कि कब और क्या उपयोग करना है: चीजें काफी अलग हैं। इसके अलावा, अगर हम किसी भी प्रस्तावित विकल्प द्वारा घोषित फ़ंक्शन से गेटटैग कहते हैं, तो हमें "फ़ंक्शन" मिलता है।

वास्तव में, किसी भाषा में किसी फ़ंक्शन को परिभाषित करने के कई और तरीके हैं। हम सूची में कम से कम ClassDeclaration माना जाता है, फिर अतुल्यकालिक कार्यों और जनरेटर, आदि को जोड़ते हैं । और ऐसा लगता है कि वे ऐसा कहते हैं? उपरोक्त सभी एक फ़ंक्शन की तरह व्यवहार करते हैं - जिसका अर्थ है गेटग "फ़ंक्शन" भी लौटाएगा। लेकिन एक विशेषता है: सभी विकल्प निश्चित रूप से कार्य करते हैं, लेकिन सभी सीधे नहीं - फ़ंक्शन ।

समारोह के अंतर्निहित उपप्रकार हैं :

फंक्शन कंस्ट्रक्टर को उप-डिज़ाइन करने योग्य बनाया गया है।
फंक्शनल सबक्लासेस के इंस्ट्रूमेंट्स बनाने के लिए कोई सिंटैक्टिक साधन नहीं है, सिवाय बिल्ट-इन जेनरेटरफंक्शन और एसिंक्सफंक्शन के उपवर्गों को छोड़कर।

हमारे पास उनके निर्माणकर्ताओं के साथ फंक्शन और जेनरेटरफंक्शन और एसिंक्फेक्शन के अंदर "विरासत में मिला" है। यह इस बात पर जोर देता है कि पेय और जनरेटर की अपनी अनूठी प्रकृति है। और परिणामस्वरूप:

 async function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } getTag(sleep); < "AsyncFunction"

उसी समय, हम नए ऑपरेटर के माध्यम से इस तरह के फ़ंक्शन को तुरंत नहीं कर सकते हैं, और इसका कॉल हमें वादा करता है:

 getTag(sleep(100)); < "Promise"

जनरेटर फ़ंक्शन के साथ एक उदाहरण:

 function* incg(i) { while(1) yield i += 1; } getTag(incg); < "GeneratorFunction"

ऐसे फ़ंक्शन को कॉल करना एक उदाहरण देता है - जेनरेटर ऑब्जेक्ट:

 let inc = incg(0); getTag(inc); < "Generator"

TheStringTag प्रतीक asinks और जनरेटर के लिए काफी पुनर्परिभाषित है। लेकिन किसी भी फ़ंक्शन के लिए टाइपोफ़ "फ़ंक्शन" दिखाएगा।

इनलाइन ऑब्जेक्ट्स

हमारे पास सेट , मैप , दिनांक या त्रुटि जैसी चीजें हैं। उनके लिए getTag को लागू करने से "फ़ंक्शन" वापस आ जाएगा, क्योंकि ये फ़ंक्शन हैं - चलने योग्य संग्रह, दिनांक और त्रुटियों के निर्माता। उदाहरणों से हम क्रमशः मिलते हैं - "सेट" , "मैप" , "दिनांक" और " त्रुटि "।

लेकिन बाहर देखो! अभी भी JSON या गणित जैसी वस्तुएं हैं। यदि आप जल्दी करते हैं, तो आप एक समान स्थिति मान सकते हैं। लेकिन नहीं! यह पूरी तरह से अलग है - अंतर्निहित एकल ऑब्जेक्ट। वे तात्कालिक नहीं हैं ( is not a constructor )। एक टाइपोफ़ कॉल "ऑब्जेक्ट" (जो इस पर संदेह करेगा) वापस करेगा। लेकिन getTag toStringTag की ओर मुड़ जाएगा और "JSON" और "गणित" प्राप्त करेगा । यह आखिरी अवलोकन है जिसे मैं साझा करना चाहता हूं।

बिना कट्टरता के चलते हैं

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

सब कुछ टाइप करें और बतख गलतफहमी