जावास्क्रिप्ट गाइड भाग 3: चर, डेटा प्रकार, अभिव्यक्ति, ऑब्जेक्ट

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

→ भाग 1: पहला कार्यक्रम, भाषा सुविधाएँ, मानक
→ भाग 2: कोड शैली और कार्यक्रम संरचना
→ भाग 3: चर, डेटा प्रकार, भाव, वस्तु
→ भाग 4: सुविधाएँ
→ भाग 5: सरणियाँ और लूप
→ भाग 6: अपवाद, अर्धविराम, वाइल्डकार्ड शाब्दिक
→ भाग 7: सख्त मोड, यह कीवर्ड, घटनाओं, मॉड्यूल, गणितीय गणना
→ भाग 8: ES6 सुविधाओं का अवलोकन
→ भाग 9: ES7, ES8 और ES9 मानकों का अवलोकन

चर

एक चर एक पहचानकर्ता है जिसे एक मान सौंपा गया है। चर को प्रोग्राम में एक्सेस किया जा सकता है, इस तरह से काम करने के लिए इसे सौंपा गया मान है।

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

एक वैरिएबल का उपयोग करने से पहले, इसे var या let कीवर्ड का उपयोग करके घोषित किया जाना चाहिए। जब यह स्थिर हो जाता है, तो const कीवर्ड का उपयोग किया जाता है। एक वैरिएबल की घोषणा करना और इसे इन कीवर्ड का उपयोग किए बिना एक निश्चित मान प्रदान करना संभव है, लेकिन ऐसा करने की अनुशंसा नहीं की जाती है।

Var कीवर्ड संस्करण

ES2015 मानक से पहले, वैरिएबल का उपयोग करना ही चर घोषित करने का एकमात्र तरीका था।

 var a = 0 

यदि इस निर्माण में var छोड़ा गया है, तो मान एक अघोषित चर को सौंपा जाएगा। इस ऑपरेशन का परिणाम उस मोड पर निर्भर करता है जिसमें प्रोग्राम चल रहा है।

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

 function notVar() { bNotVar = 1 //    } notVar() console.log(bNotVar) 

1 को कंसोल मिलेगा, आमतौर पर कोई भी इस व्यवहार को कार्यक्रम से उम्मीद नहीं करता है, अभिव्यक्ति bNotVar = 1 एक चर को घोषित करने और आरंभ करने के प्रयास की तरह नहीं दिखता है, लेकिन फ़ंक्शन के बाहरी दायरे में स्थित एक चर तक पहुंचने के प्रयास के रूप में (यह काफी सामान्य है)। नतीजतन, चर की अनुमानित घोषणा उस व्यक्ति को भ्रमित करती है जो कोड पढ़ता है और अप्रत्याशित कार्यक्रम व्यवहार को जन्म दे सकता है। बाद में हम फ़ंक्शंस और स्कोप्स के बारे में बात करेंगे, अभी के लिए, हमेशा विशेष कीवर्ड का उपयोग करने की कोशिश करें जब एक अभिव्यक्ति का अर्थ एक चर घोषित करना है। यदि इस उदाहरण में फ़ंक्शन बॉडी को var bNotVar = 1 रूप में फिर से लिखा गया है, तो उपरोक्त कोड के टुकड़े को शुरू करने के प्रयास में त्रुटि संदेश होगा (यह ब्राउज़र कंसोल में देखा जा सकता है)।

उदाहरण के लिए, यह इस तरह दिखाई दे सकता है Uncaught ReferenceError: bNotVar is not defined । इसका अर्थ इस तथ्य से उबलता है कि कार्यक्रम एक गैर-परिवर्तनीय चर के साथ काम नहीं कर सकता है। यह बेहतर है, जब आप पहली बार प्रोग्राम शुरू करते हैं, तो इस तरह के एक त्रुटि संदेश को देखने के लिए समझ से बाहर कोड लिखने के लिए जो अप्रत्याशित रूप से व्यवहार कर सकता है।

यदि, एक चर घोषित करते समय, इसे प्रारंभ नहीं किया जाता है, तो इसे कोई मूल्य नहीं दिया जाता है, इसे स्वचालित रूप से undefined मान सौंपा जाएगा।

 var a //typeof a === 'undefined' 

var कीवर्ड का उपयोग करके घोषित किए गए वेरिएबल्स को उनके लिए नए मान निर्दिष्ट करके फिर से घोषित किया जा सकता है (लेकिन यह कोड को पढ़ने वाले किसी व्यक्ति को भ्रमित कर सकता है)।

 var a = 1 var a = 2 

आप एक अभिव्यक्ति में कई चर घोषित कर सकते हैं:

 var a = 1, b = 2 

एक चर के दायरे को उस कार्यक्रम का दायरा कहा जाता है जिसमें यह चर सुलभ (दृश्यमान) होता है।

किसी फ़ंक्शन के बाहर के var कीवर्ड के साथ आरंभ किया गया एक वैरिएबल एक वैश्विक ऑब्जेक्ट को सौंपा गया है। इसका वैश्विक दायरा है और यह कार्यक्रम में कहीं से भी सुलभ है। यदि किसी फ़ंक्शन के अंदर var कीवर्ड का उपयोग करके एक वेरिएबल घोषित किया जाता है, तो यह केवल इस फ़ंक्शन के अंदर दिखाई देता है, इसके लिए एक स्थानीय वेरिएबल है।

यदि किसी वैरिएबल को किसी ऐसे फ़ंक्शन में घोषित किया जाता है जिसका उपयोग var के नाम से होता है, जिसका नाम वैश्विक स्कोप से एक निश्चित वैरिएबल के नाम से मेल खाता है, तो यह ग्लोबल वैरिएबल को "ओवरराइड" करेगा। यही है, फ़ंक्शन के अंदर इस तरह के एक वैरिएबल तक पहुंचने पर, यह अपने स्थानीय संस्करण का उपयोग करेगा।

यह समझना महत्वपूर्ण है कि ब्लॉक (ब्रेसिज़ में संलग्न कोड के क्षेत्र) दृश्यता के नए क्षेत्रों का निर्माण नहीं करते हैं। फ़ंक्शन को कॉल करने पर एक नया स्कोप बनाया जाता है। var कीवर्ड में एक तथाकथित कार्यात्मक गुंजाइश है, न कि एक ब्लॉक।

यदि फ़ंक्शन कोड में एक चर घोषित किया जाता है, तो यह पूरे फ़ंक्शन कोड को दिखाई देता है। भले ही फ़ंक्शन कोड के अंत में वेरिएबल के साथ एक वेरिएबल घोषित किया जाता है, तो आप इसे कोड की शुरुआत में संदर्भित कर सकते हैं, क्योंकि जावास्क्रिप्ट में चर (उत्थापन) का तंत्र काम करता है। यह तंत्र चर घोषणाओं को "बढ़ाता है", लेकिन उनके आरंभ के संचालन के लिए नहीं। यह भ्रम का एक स्रोत हो सकता है, इसलिए इसे किसी फ़ंक्शन की शुरुआत में चर घोषित करने का नियम बनाएं।

Let खोजशब्द चलो

ES2015 में लेट कीवर्ड दिखाई दिया, जिसे सरलीकृत रूप से, " var " ब्लॉक का संस्करण कहा जा सकता है। लेटर कीवर्ड का उपयोग करके घोषित किए गए चर का दायरा ब्लॉक, ऑपरेटर या अभिव्यक्ति तक सीमित है जिसमें यह घोषित किया गया है, साथ ही नेस्टेड ब्लॉक भी हैं।

यदि शब्द "लेट" खुद को बहुत स्पष्ट नहीं लगता है, तो कोई कल्पना कर सकता है कि इसके बजाय "लेट" शब्द का उपयोग किया जाता है। फिर अभिव्यक्ति let color = 'red' अंग्रेजी में इस तरह अनुवाद किया जा सकता है: "रंग लाल होने दें", और रूसी में इस तरह: "रंग लाल होने दें"।

let कीवर्ड का उपयोग करके, आप var कीवर्ड से जुड़ी अस्पष्टताओं से छुटकारा पा सकते हैं (उदाहरण के लिए, आप एक ही वेरिएबल को let का उपयोग करके दो बार घोषित नहीं कर सकते हैं)। फ़ंक्शन के बाहर let का उपयोग let हुए, कहें कि लूप को इनिशियलाइज़ करते समय, वैश्विक वैरिएबल न बनाएं।

उदाहरण के लिए, ऐसा कोड एक त्रुटि का कारण होगा:

 for (let i = 0; i < 5; i++) {   console.log(i) } console.log(i) 

यदि, जब लूप को इनिशियलाइज़ किया जाता है, तो काउंटर i var कीवर्ड का उपयोग करके घोषित किया जाएगा, फिर i पूरा होने के बाद लूप के बाहर उपलब्ध होगा।

आजकल, आधुनिक मानकों के आधार पर जेएस कार्यक्रमों को विकसित करते समय, आप पूरी तरह से var छोड़ सकते हैं और केवल let और const कीवर्ड का उपयोग कर सकते हैं।

Eyकेयर्ड कास्ट

चर का उपयोग करके घोषित किए गए चर या कीवर्ड को अधिलेखित किया जा सकता है। यदि इन कीवर्ड के बजाय const उपयोग किया जाता है, तो आप एक निरंतर और घोषित इसकी मदद से एक नया मान निर्दिष्ट नहीं कर सकते।

 const a = 'test' 

इस उदाहरण में, स्थिरांक को एक नया मान नहीं सौंपा जा सकता है। लेकिन यह ध्यान दिया जाना चाहिए कि यदि कोई एक आदिम मान नहीं है, जैसे एक संख्या, लेकिन एक ऑब्जेक्ट, तो const कीवर्ड का उपयोग करके इस ऑब्जेक्ट को परिवर्तनों से सुरक्षित नहीं किया जाता है।

जब वे कहते हैं कि एक वस्तु को एक चर में लिखा गया है, तो उनका वास्तव में मतलब है कि चर वस्तु को संदर्भित करता है। इस लिंक को बदला नहीं जा सकता है, और जिस वस्तु से लिंक होता है उसे बदला जा सकता है।

const कीवर्ड वस्तुओं को अपरिवर्तनीय नहीं बनाता है। यह केवल संबंधित स्थिरांक में लिखे गए उनके संदर्भ में परिवर्तन से बचाता है। यहाँ यह कैसा दिखता है:

 const obj = {} console.log(obj.a) obj.a = 1 // console.log(obj.a) //obj = 5 //  

obj स्थिरांक में, इनिशियलाइज़ेशन पर, एक नई खाली वस्तु लिखी जाती है। अपनी संपत्ति का उपयोग करने का प्रयास, जो मौजूद नहीं है, एक त्रुटि का कारण नहीं है। कंसोल undefined हो जाता है। उसके बाद, हम ऑब्जेक्ट में एक नई संपत्ति जोड़ते हैं और फिर से इसे एक्सेस करने का प्रयास करते हैं। इस समय इस संपत्ति का मूल्य - 1 - कंसोल को मिलता है। यदि आप उदाहरण की अंतिम पंक्ति को अनसुना कर देते हैं, तो इस कोड को निष्पादित करने का प्रयास त्रुटि पैदा करेगा।

const कीवर्ड बहुत ही समान है, विशेष रूप से, इसमें ब्लॉक स्कोप है।

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

डेटा प्रकार

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

एक निश्चित मूल्य के डेटा प्रकार को निर्धारित करने के लिए, आप typeof ऑपरेटर का उपयोग कर सकते हैं। यह ऑपरेंड के प्रकार को दर्शाता एक स्ट्रिंग देता है।

Itive आदिम डेटा प्रकार

यहाँ आदिम जावास्क्रिप्ट डेटा प्रकारों की एक सूची दी गई है:

• number (पूर्णांक)
• string (स्ट्रिंग)
• boolean (बुलियन)
• null (विशेष null मान)
• undefined (विशेष मान undefined )
• symbol (प्रतीक, विशेष मामलों में उपयोग किया जाता है, ईएस 6 में दिखाई दिया)

यहां डेटा प्रकारों के नाम उस रूप में दिए गए हैं जिसमें typeof ऑपरेटर उन्हें लौटाता है।

आइए इस सूची से सबसे अधिक उपयोग किए जाने वाले डेटा प्रकारों के बारे में बात करते हैं।

नंबर टाइप करें

जावास्क्रिप्ट में प्रकार की number का मान 64-बिट डबल-सटीक फ़्लोटिंग-पॉइंट संख्या के रूप में दर्शाया गया है।

कोड में, संख्यात्मक शाब्दिकों को दशमलव प्रणाली में पूर्णांक और भिन्नात्मक संख्याओं के रूप में दर्शाया जाता है। आप संख्याओं को रिकॉर्ड करने के लिए अन्य तरीकों का उपयोग कर सकते हैं। उदाहरण के लिए, यदि एक संख्यात्मक शाब्दिक की शुरुआत में उपसर्ग 0x - इसे हेक्साडेसिमल नोटेशन में लिखे गए नंबर के रूप में माना जाता है। संख्याओं को घातीय संकेतन में भी लिखा जा सकता है (ऐसी संख्याओं में आप अक्षर e पा सकते हैं)।

यहाँ पूर्णांक प्रविष्टियों के उदाहरण हैं:

 10 5354576767321 0xCC //   

यहाँ भिन्नात्मक संख्याएँ हैं।

 3.14 .1234 5.2e4 //5.2 * 10^4 

संख्यात्मक शाब्दिक (यह व्यवहार कुछ अन्य आदिम प्रकारों की भी विशेषता है), जब आप उन्हें ऑब्जेक्ट के रूप में एक्सेस करने का प्रयास करते हैं, तो स्वचालित रूप से, ऑपरेशन की अवधि के लिए, संबंधित वस्तुओं में परिवर्तित हो जाते हैं, जिन्हें "ऑब्जेक्ट रैपर" कहा जाता है। इस मामले में, हम ऑब्जेक्ट रैपर Number बारे में बात कर रहे हैं।

यहां, उदाहरण के लिए, चर को एक्सेस करने के प्रयास की तरह दिखता a , जिसमें एक संख्यात्मक शाब्दिक, एक वस्तु के रूप में, Google क्रोम कंसोल में लिखा गया है।


नंबर ऑब्जेक्ट लपेटें टूलटिप

यदि, उदाहरण के लिए, आप प्रकार Number ऑब्जेक्ट की toString() पद्धति का उपयोग करते हैं, तो यह Number एक स्ट्रिंग प्रतिनिधित्व लौटाएगा। यह इसी तरह की कमांड की तरह दिखता है जिसे ब्राउज़र कंसोल में (और नियमित कोड में) निष्पादित किया जा सकता है:

 a.toString() 

विधि नाम के बाद डबल कोष्ठक पर ध्यान दें। यदि आप उन्हें नहीं डालते हैं, तो सिस्टम एक त्रुटि नहीं देगा, लेकिन, अपेक्षित आउटपुट के बजाय, कंसोल में कुछ ऐसा होगा जो संख्या 5 के स्ट्रिंग प्रतिनिधित्व की तरह नहीं दिखता है।

वैश्विक Number ऑब्जेक्ट का उपयोग एक निर्माता के रूप में किया जा सकता है, इसकी मदद से नए नंबर का निर्माण (हालांकि इस रूप में इसका उपयोग लगभग कभी नहीं किया जाता है), इसका उपयोग किए गए उदाहरणों के बिना एक स्वतंत्र निकाय के रूप में भी इसका उपयोग किया जा सकता है (अर्थात, कुछ संख्याएँ इसका प्रतिनिधित्व करती हैं। के माध्यम से)। उदाहरण के लिए, इसकी संख्या। Number.MAX_VALUE संपत्ति में अधिकतम सांख्यिक मान होता है जिसे जावास्क्रिप्ट में दर्शाया जा सकता है।

स्ट्रिंग टाइप करें

प्रकार string मान वर्णों के अनुक्रम हैं। इस तरह के मूल्यों को एकल या दोहरे उद्धरणों में संलग्न स्ट्रिंग शाब्दिक के रूप में निर्दिष्ट किया जाता है।

 'A string' "Another string" 

स्ट्रिंग मूल्यों को बैकस्लैश वर्ण का उपयोग करके कई भागों में विभाजित किया जा सकता है।

 "A \ string" 

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

 'I\'ma developer' 

+ ऑपरेटर के उपयोग से स्ट्रिंग्स को समतल किया जा सकता है।

 "A " + "string" 

साँचा साहित्य

ES2015 ने तथाकथित पैटर्न शाब्दिक, या पैटर्न स्ट्रिंग्स की शुरुआत की। वे बैकटिक्स ( ` ) में संलग्न तार हैं और कुछ दिलचस्प गुण हैं।

 `a string` 

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

 `a string with ${something}` `a string with ${something+somethingElse}` `a string with ${obj.something()}` 

पीछे के उद्धरणों का उपयोग करने से मल्टीलाइन स्ट्रिंग शाब्दिक लिखना आसान हो जाता है:

 `a string with ${something}` 

बूलियन टाइप करें

बूलियन मूल्यों के साथ काम करते समय जावास्क्रिप्ट में कुछ आरक्षित शब्द होते हैं - ये true (सच्चे) और false (झूठे) होते हैं। तुलना संचालन, जैसे == , === , < , > , true या false लौटें।

किसी प्रोग्राम की प्रगति को नियंत्रित करने में मदद while , if और जैसे निर्माणों में तार्किक अभिव्यक्तियों का उपयोग किया जाता है।

यह ध्यान दिया जाना चाहिए कि जहां true या false की उम्मीद की जाती है, आप अन्य मानों का उपयोग कर सकते हैं जो भाषा द्वारा स्वचालित रूप से सच (सत्य) या गलत (झूठा) के रूप में माना जाता है।

विशेष रूप से, निम्नलिखित गलत मूल्य हैं:

 0 -0 NaN undefined null '' //  

शेष मूल्य सत्य हैं।

अशक्त टाइप करें

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

अपरिभाषित टाइप करें

एक निश्चित चर के लिए undefined मान को इंगित करता है कि यह चर आरंभिक नहीं है और इसके लिए कोई मूल्य नहीं है।

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

undefined लिए मूल्य की जांच करने के लिए, आप निम्न निर्माण का उपयोग कर सकते हैं।

 typeof variable === 'undefined' 

▍ वस्तुएं

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

भाव

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

अंकगणित के भाव

अभिव्यक्तियाँ जिनके गणना परिणाम इस श्रेणी में आते हैं।

 1 / 2 i++ i -= 2 i * 2 

स्ट्रिंग के भाव

ऐसे भावों के मूल्यांकन का परिणाम तार-तार होता है।

 'A ' + 'string' 'A ' += 'string' 

प्राथमिक भाव

साहित्यकार, स्थिरांक और पहचानकर्ता के संदर्भ इस श्रेणी में आते हैं।

 2 0.02 'something' true false this // ,     undefined i // i     

इसमें जावास्क्रिप्ट के कुछ कीवर्ड और निर्माण भी शामिल हैं।

 function class function* // yield // /   yield* //     async function* //   await //     /pattern/i //  () // 

ऐरे और ऑब्जेक्ट इनिशियलाइज़ेशन एक्सप्रेशंस

 [] //  {} //  [1,2,3] {a: 1, b: 2} {a: {b: 1}} 

तार्किक भाव

तार्किक अभिव्यक्तियों में, तार्किक ऑपरेटरों का उपयोग किया जाता है, उनकी गणना का परिणाम तार्किक मूल्य है।

 a && b a || b !a 

प्रॉपर्टी एक्सेस एक्सप्रेशन

ये अभिव्यक्तियाँ आपको वस्तुओं के गुणों और विधियों तक पहुँचने की अनुमति देती हैं।

 object.property //   ( )  object[property] object['property'] 

ऑब्जेक्ट क्रिएशन एक्सप्रेशन

 new object() new a(1) new MyRectangle('name', 2, {a: 4}) 

समारोह की घोषणा के भाव

 function() {} function(a, b) { return a * b } (a, b) => a * b a => a * 2 () => { return 2 } 

भावों को बुलाओ

ऐसी अभिव्यक्तियों का उपयोग कार्यों या वस्तुओं की विधियों को कॉल करने के लिए किया जाता है।

 ax(2) window.resize() 

वस्तुओं के साथ काम करना

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

Otype प्रोटोटाइप वंशानुक्रम

जावास्क्रिप्ट आधुनिक प्रोग्रामिंग भाषाओं में से एक है जिसमें यह प्रोटोटाइप वंशानुक्रम का समर्थन करता है। अधिकांश ऑब्जेक्ट-ओरिएंटेड भाषाएं वर्ग-आधारित वंशानुक्रम मॉडल का उपयोग करती हैं।

प्रत्येक जावास्क्रिप्ट ऑब्जेक्ट में एक विशेष गुण ( __proto__ ) होता है जो किसी अन्य ऑब्जेक्ट को इंगित करता है जो इसका प्रोटोटाइप है। एक वस्तु प्रोटोटाइप के गुणों और विधियों को विरासत में मिला है।

मान लीजिए कि हमारे पास एक वस्तु है जो एक वस्तु शाब्दिक का उपयोग करके बनाई गई है।

 const car = {} 

या हमने Object कंस्ट्रक्टर का उपयोग करके Object बनाया है।

 const car = new Object() 

इनमें से किसी भी मामले में, car ऑब्जेक्ट का प्रोटोटाइप ऑब्जेक्ट.प्रोटोटाइप होगा।

यदि आप एक ऐसी सरणी बनाते हैं जो एक ऑब्जेक्ट भी है, तो इसका प्रोटोटाइप एक Array.prototype ऑब्जेक्ट है।

 const list = [] //  const list = new Array() 

आप इसे इस प्रकार सत्यापित कर सकते हैं।

 car.__proto__ == Object.prototype //true car.__proto__ == new Object().__proto__ //true list.__proto__ == Object.prototype //false list.__proto__ == Array.prototype //true list.__proto__ == new Array().__proto__ //true 

यहां हमने __proto__ संपत्ति का उपयोग किया है, यह डेवलपर के लिए उपलब्ध नहीं है, लेकिन आप आमतौर पर इसे एक्सेस कर सकते हैं। यह ध्यान दिया जाना चाहिए कि किसी ऑब्जेक्ट का प्रोटोटाइप प्राप्त करने के लिए एक अधिक विश्वसनीय तरीका वैश्विक Object की getPrototypeOf() विधि का उपयोग करना है।

 Object.getPrototypeOf(new Object()) 

प्रोटोटाइप के सभी गुण और तरीके इस प्रोटोटाइप वाले ऑब्जेक्ट के लिए सुलभ हैं। उदाहरण के लिए, एक सरणी के लिए उनकी सूची की तरह दिखता है।


ऐरे संकेत

सभी वस्तुओं के लिए आधार प्रोटोटाइप Object.prototype ।

 Array.prototype.__proto__ == Object.prototype 

Object.prototype में एक प्रोटोटाइप नहीं है।

हमने जो ऊपर देखा वह एक प्रोटोटाइप श्रृंखला का एक उदाहरण है।

किसी वस्तु या संपत्ति की विधि तक पहुंचने की कोशिश करते समय, यदि वस्तु में स्वयं ऐसी संपत्ति या विधि नहीं है, तो वे इसके प्रोटोटाइप में खोजे जाते हैं, फिर प्रोटोटाइप प्रोटोटाइप में, और इसी तरह, जब तक वांछित नहीं मिल जाता है, या जब तक प्रोटोटाइप श्रृंखला समाप्त नहीं होगी।

new ऑपरेटर का उपयोग करते हुए ऑब्जेक्ट बनाने या ऑब्जेक्ट शाब्दिक या सरणी शाब्दिक का उपयोग करने के अलावा, आप Object.create() विधि का उपयोग करके ऑब्जेक्ट का एक उदाहरण बना सकते हैं। इस पद्धति के लिए दिया गया पहला तर्क एक ऐसी वस्तु है जो इसका उपयोग करके बनाई गई वस्तु का प्रोटोटाइप बन जाएगा।

 const car = Object.create(Object.prototype) 

आप देख सकते हैं कि कोई ऑब्जेक्ट isPrototypeOf() विधि का उपयोग करके किसी अन्य ऑब्जेक्ट के प्रोटोटाइप श्रृंखला का हिस्सा है।

 const list = [] Array.prototype.isPrototypeOf(list) 

कंस्ट्रक्टर कार्य करता है

ऊपर, हमने भाषा में पहले से उपलब्ध निर्माण कार्यों का उपयोग करके नई वस्तुओं का निर्माण किया (जब उन्हें बुलाया जाता है, तो new कीवर्ड का उपयोग किया जाता है)। . .

 function Person(name) { this.name = name } Person.prototype.hello = function() { console.log(this.name) } let person = new Person('Flavio') person.hello() console.log(Person.prototype.isPrototypeOf(person)) 

-. , this . name , . . - , name , .

, name , . , , , hello() . , Person hello() ( ).

▍

ES6 JavaScript «».

JavaScript . , JS . , , , « » . , , , , , .

.

 class Person { constructor(name) {   this.name = name } hello() {   return 'Hello, I am ' + this.name + '.' } } 

, new ClassIdentifier() .

constructor , .

. hello() — , , . Person .

 const flavio = new Person('Flavio') flavio.hello() 

,

. , , , , .

, ( ) , , -, .

 class Programmer extends Person { hello() {   return super.hello() + ' I am a programmer.' } } const flavio = new Programmer('Flavio') flavio.hello() 

hello() Hello, I am Flavio. I am a programmer .

(), .

super .

, , , , , . ( static ) , .

JavaScript , (, ) . , , .

, get set . — , , . -, — .

 class Person {   constructor(name) {     this.userName = name   }   set name(value) {     this.userName = value   }   get name() {     return this.userName   } } 

परिणाम

, , JavaScript. .

प्रिय पाठकों! JS, , class.