किसी विशेष प्रकार की ऑब्जेक्ट बनाने के लिए एक टेम्पलेट।
क्लास ऑब्जेक्ट के साथ प्रोग्राम करना आसान बना सकती है। उदाहरण के लिए, एक फ्रॉग क्लास ऑब्जेक्ट बना सकता है जो मेंढकों की तरह व्यवहार करता है। एक वर्ग का उपयोग करके बनाई गई प्रत्येक वस्तु को उस वर्ग का एक उदाहरण कहा जाता है। यहां एक मेंढक वर्ग का एक उदाहरण बनाने का एक उदाहरण दिया गया है :
let fifi = new Frog(50, 50, 20);वेरिएबल fifi एक को संदर्भित करता है फ्रॉग क्लास का उदाहरण। कीवर्ड न्यू का उपयोग स्टेटमेंट में फ्रॉग क्लास' कंस्ट्रक्टर को कॉल करने के लिए किया जाता है। मेंढक()। कुल मिलाकर, एक नया मेंढक ऑब्जेक्ट बनाया गया था और उसे वेरिएबल फीफ़ी को सौंपा गया था, इसलिए उन्हें बनाने के लिए उपयोग किया जा सकता है। nएक से अधिक उदाहरण:
// पहला मेंढक उदाहरण. let मेंढक1 = नया मेंढक(25, 50, 10); <p>// दूसरा मेंढक उदाहरण. एनलेट फ्रॉग2 = नया फ्रॉग(75, 50, 10); </p>एक सरल मेंढक वर्ग इस प्रकार घोषित किया जा सकता है:
क्लास फ्रॉग कंस्ट्रक्टर(x, y, आकार) { // यह code एक बार चलता है जब एक इंस्टेंस बनाया जाता है। this.x = x; this.y = y; n this.size = size; }show() { // यह code एक बार चलता है जब myFrog.show() को कॉल किया जाता है। textAlign(CENTER, CENTER); textSize (this.size); text('🐸', this.x, this.y); }
hop() { // यह code एक बार चलता है जब myFrog .hop() कहा जाता है. this.x += यादृच्छिक(-10, 10); this.y += यादृच्छिक(-10, 10); } }
< /code>क्लास घोषणाएं कीवर्ड क्लास से शुरू होती हैं, उसके बाद क्लास नाम आता है, जैसे मेंढक, और घुंघराले ब्रेसिज़ {}<!-- code-->. कक्षा के नामों में <code>PascaleCase</code> का उपयोग होना चाहिए और उनके नाम में रिक्त स्थान नहीं हो सकते। उदाहरण के लिए, प्रत्येक शब्द के बीच रिक्त स्थान के साथ एक वर्ग <code>केर्मिट द फ्रॉग</code> का नामकरण करने से एक <code>सिंटैक्स त्रुटि</code> उत्पन्न होगी। घुंघराले ब्रेसिज़ के बीच का code <code>{}</code> वर्ग को परिभाषित करता है।
<p>किसी वर्ग से संबंधित कार्यों को विधियाँ कहा जाता है। <code>constructor()</code>, <code>show()</code>, और <code>hop()</code> <code>Frog</code> क्लास में विधियां हैं। विधियाँ किसी वस्तु के व्यवहार को परिभाषित करती हैं। विधियाँ फ़ंक्शंस की तरह ही पैरामीटर स्वीकार कर सकती हैं और मान लौटा सकती हैं। ध्यान दें कि विधियाँ <code>function</code> कीवर्ड का उपयोग नहीं करती हैं।</p> <p><code>constructor()</code> एक विशेष विधि है जिसे एक बार कॉल किया जाता है जब कोई उदाहरण होता है क्लास बनाई गई है. कथन <code>new Frog()</code> <code>frog</code> class' <code>constructor()</code> विधि को कॉल करता है।</p>A क्लास परिभाषा उदाहरणों के लिए एक टेम्पलेट है। कीवर्ड <code>यह</code> किसी इंस्टेंस के डेटा और तरीकों को संदर्भित करता है। उदाहरण के लिए, प्रत्येक <code>मेंढक</code> उदाहरण में <code>this.x</code> और <code>this.y</code> में अद्वितीय निर्देशांक संग्रहीत होते हैं। <code>show()</code> विधि मेंढक का चित्र बनाने के लिए उन निर्देशांकों का उपयोग करती है। <code>hop()</code> विधि कॉल किए जाने पर उन निर्देशांकों को अद्यतन करती है। एक बार <code>मेंढक</code> उदाहरण बन जाने के बाद, इसके डेटा और विधियों को डॉट ऑपरेटर <code></code> का उपयोग करके एक्सेस किया जा सकता है। इस प्रकार है:
// एक लिली पैड बनाएं। fill('green'); stroke('green'); circle(fifi.x, fifi.y, 2 * fifi.size); <p>// दिखाएँ मेंढक. fifi.show();</p> <p>// हॉप. fifi.hop(); </p>उदाहरण
संबंधित संदर्भ
Array
एक सूची जो डेटा के कई टुकड़ों को क्रम में रखती है। सरणी संबंधित डेटा संग्रहीत करने में सहायक होती है। इनमें किसी भी प्रकार का डेटा हो सकता है। उदाहरण के लिए, किसी सरणी में स्ट्रिंग के रूप में किसी के पसंदीदा रंगों की सूची हो सकती है। सारणियाँ इस प्रकार बनाई जाती हैं: let colors = ['deeppink', 'darkorchid', 'magenta']; किसी सारणी में डेटा के प्रत्येक टुकड़े को एक तत्व कहा जाता है। प्रत्येक तत्व की सरणी के भीतर एक पता या सूचकांक होता है। वेरिएबल colors तीन स्ट्रिंग तत्वों, 'डीपिंक', 'डार्कोरचिड' के साथ एक सरणी को संदर्भित करता है। , और 'मैजेंटा'। सारणियाँ शून्य-अनुक्रमित हैं, जिसका अर्थ है कि 'डीपिंक' सूचकांक 0 पर है, 'डार्कोरचिड' पर है इंडेक्स 1, और 'मैजेंटा' इंडेक्स 2 पर है। एरे तत्वों को उनके इंडेक्स का उपयोग करके निम्नानुसार एक्सेस किया जा सकता है: let zeroth = colors[0]; // 'deeppink' let first = colors[1]; // 'darkorchid' let second = colors[2]; // 'magenta' कॉल करके तत्वों को किसी सरणी के अंत में जोड़ा जा सकता है push() विधि इस प्रकार है: color.push('लैवेंडर'); let third = colors[3]; // 'लैवेंडर' सरणी के बारे में अधिक जानकारी के लिए MDN देखें। .
class
किसी विशेष प्रकार की ऑब्जेक्ट बनाने के लिए एक टेम्पलेट। क्लास ऑब्जेक्ट के साथ प्रोग्राम करना आसान बना सकती है। उदाहरण के लिए, एक फ्रॉग क्लास ऑब्जेक्ट बना सकता है जो मेंढकों की तरह व्यवहार करता है। एक वर्ग का उपयोग करके बनाई गई प्रत्येक वस्तु को उस वर्ग का एक उदाहरण कहा जाता है। यहां एक मेंढक वर्ग का एक उदाहरण बनाने का एक उदाहरण दिया गया है : let fifi = new Frog(50, 50, 20); वेरिएबल fifi एक को संदर्भित करता है फ्रॉग क्लास का उदाहरण। कीवर्ड न्यू का उपयोग स्टेटमेंट में फ्रॉग क्लास' कंस्ट्रक्टर को कॉल करने के लिए किया जाता है। मेंढक()। कुल मिलाकर, एक नया मेंढक ऑब्जेक्ट बनाया गया था और उसे वेरिएबल फीफ़ी को सौंपा गया था, इसलिए उन्हें बनाने के लिए उपयोग किया जा सकता है। nएक से अधिक उदाहरण: // पहला मेंढक उदाहरण.
for
पुनरावृत्तियों की संख्या ज्ञात होने पर code के एक ब्लॉक को दोहराने का एक तरीका। for लूप कथनों को एक निश्चित संख्या में दोहराने में सहायक होते हैं। उदाहरण के लिए, एक for लूप इस प्रकार "पांच रेखाएं बनाएं" विचार को व्यक्त करना आसान बनाता है: for (let x = 10; x लूप का हेडर कीवर्ड for से शुरू होता है। लूप आम तौर पर दोहराए जाने या दोहराए जाने पर गिनते हैं या गिनते हैं। कोष्ठक में दिए गए कथन चलो x = 10; x लूप को बताएं कि इसे कैसे दोहराया जाना चाहिए: let x = 10 लूप को गिनती शुरू करने के लिए कहता है 10 और वेरिएबल का उपयोग करके पुनरावृत्तियों पर नज़र रखें x.
function
कथनों का एक नामित समूह। फ़ंक्शन code को व्यवस्थित करने और पुन: उपयोग करने में सहायता। उदाहरण के लिए, फ़ंक्शंस विचार को व्यक्त करना आसान बनाते हैं"एक फूल बनाएं।": फ़ंक्शन ड्रॉफ़्लॉवर() // टेक्स्ट को स्टाइल करें। textAlign(CENTER, CENTER); textSize(20); // एक फूल इमोजी बनाएं। text(' 🌸', 50, 50); } फ़ंक्शन हेडर कीवर्ड फ़ंक्शन से शुरू होता है। फ़ंक्शन का नाम, drawFlower, इसके बाद कोष्ठक () और घुंघराले ब्रेसिज़ {} आते हैं। घुंघराले ब्रेसिज़ के बीच के code को फ़ंक्शन की बॉडी कहा जाता है फ़ंक्शन को इस प्रकार कॉल करने पर चलता है: drawFlower(); फ़ंक्शन अपने हेडर में पैरामीटर जोड़कर इनपुट स्वीकार कर सकते हैं। पैरामीटर हैं मानों के लिए प्लेसहोल्डर जो फ़ंक्शन को कॉल करने पर प्रदान किए जाएंगे। उदाहरण के लिए, drawFlower() फ़ंक्शन में फूल के आकार के लिए a पैरामीटर शामिल हो सकता है: function ड्राफ्लॉवर(आकार) {n // टेक्स्ट को स्टाइल करें। p> // एक फूल इमोजी बनाएं। text('🌸', 50, 50); } पैरामीटर फ़ंक्शन की घोषणा का हिस्सा हैं। तर्क उस code द्वारा प्रदान किए जाते हैं जो किसी फ़ंक्शन को कॉल करता है। जब कोई फ़ंक्शन कॉल किया जाता है, तो तर्क पैरामीटर को निर्दिष्ट किए जाते हैं: // तर्क 20 पैरामीटर आकार को निर्दिष्ट किया जाता है। drawFlower(20); फ़ंक्शन में अल्पविराम द्वारा अलग किए गए कई पैरामीटर हो सकते हैं। पैरामीटर किसी भी प्रकार के हो सकते हैं.