JavaScript सिंटैक्स: शुरुआती लोगों के लिए गाइड

यदि आप JavaScript लिखना सीखना चाहते हैं, तो आप सही जगह पर आए हैं।

हर प्रोग्रामिंग भाषा के अपने नियमों का सेट होता है, ठीक अंग्रेजी की तरह। इसके बारे में सोचें। जब आप प्राथमिक विद्यालय में थे, तो आपने वाक्यों को संरचित करने के लिए व्याकरण के नियम सीखे।

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

सिंटैक्स आपके कोड को अधिक पठनीय भी बनाता है। जब हर कोई समान सिंटैक्स का उपयोग कर रहा होता है, तो अन्य लोगों के प्रोग्राम्स की व्याख्या करना आसान होता है। अंग्रेजी की तरह ही, एक बार जब आप बुनियादी नियम जान लेते हैं, तो कोड की कोई लाइन नहीं होती जिसे आप पढ़ नहीं सकते।

इस गाइड में, हम सिंटैक्स की निम्नलिखित विशेषताओं पर ध्यान केंद्रित करने जा रहे हैं:

• व्हाइटस्पेस
• वेरिएबल्स नामकरण
• इंडेंटेशन
• टिप्पणियाँ
• सेमीकोलन

शुरू करते हैं!

व्हाइटस्पेस

प्रोग्रामर व्हाइटस्पेस पर बार-बार बहस करते हैं। यह एक बहुत विवादास्पद विषय है। उन बहसों को एक मिनट के लिए अलग रखते हुए, JavaScript में सिंटैक्स के संबंध में याद रखने का एक प्रमुख नियम है: आपके पास वेरिएबल्स के बीच स्पेस होना चाहिए, और पैरेंथेसिस के पहले और बाद में।

मान लीजिए आप एक for लूप लिख रहे हैं:

for (var i = 0; i < 4; i++) {
    console.log(i);
}

यह लूप 0 से 4 की रेंज में सभी नंबरों को कंसोल पर प्रिंट करता है। जैसा कि आप देख सकते हैं, हमारे for की और हमारे for लूप के ओपनिंग ब्रैकेट के बीच एक स्पेस है। हमारे क्लोजिंग कर्ली ब्रैकेट (() और हमारे ओपनिंग कर्ली ब्रेस ({) के बीच एक स्पेस है। इन ब्रैकेट्स में सभी स्टेटमेंट्स के बीच भी एक स्पेस है:

• var i = 0;
• i < 4;

जब आप for लूप के बाहर वेरिएबल असाइन कर रहे होते हैं, तो आप उसी दृष्टिकोण का उपयोग करेंगे:

var cookie = "Raspberry Chocolate Chip";

अपने वेरिएबल्स के बीच स्पेस जोड़ने से आपका कोड पढ़ना आसान हो जाता है।

इंडेंटेशन

अन्य प्रोग्रामिंग भाषाओं के विपरीत, आप JavaScript प्रोग्राम को एक लाइन पर लिख सकते हैं। यह एक अच्छा विचार नहीं है - सोचें कि आपके कोड को पढ़ना कितना कठिन होगा - लेकिन आप अभी भी ऐसा कर सकते हैं।

कोड ब्लॉक के भीतर हर स्टेटमेंट - जैसे if कंडीशनल स्टेटमेंट या क्लास - को इंडेंट किया जाना चाहिए। इंडेंटेशन का तात्पर्य आपके कोड की शुरुआत में दो स्पेस, चार स्पेस या एक टैब जोड़ना है। प्रोग्रामर्स के बीच इस बारे में बहुत बहस होती है कि क्या सबसे अच्छा है, लेकिन जब तक आप अपने कोड में स्थिरता बनाए रखते हैं, आपको कोई परेशानी नहीं होगी।

यहाँ एक इंडेंटेड for लूप है:

for (var i = 0; i < 4; i++) {
    console.log(i);
}

आप देख सकते हैं कि टर्म console.log() को टैब का उपयोग करके इंडेंट किया गया था। ऐसा इसलिए है क्योंकि यह हमारे कर्ली ब्रेसेस के भीतर समाहित है। यह हमारे for लूप की सामग्री को हमारे बाकी कोड से अलग करने में मदद करता है। यदि हमारे कोड में एक और कोड ब्लॉक होता, जैसे if स्टेटमेंट, तो हम उसकी सामग्री को और भी अधिक इंडेंट करेंगे:

for (var i = 0; i < 4; i++) {
    if (i === 3) {
        console.log(i);
    }
}

यह कोड i का मान प्रिंट करता है यदि यह तीन के बराबर है। अन्यथा, कुछ नहीं होता। इस स्निपेट में, हमारा if स्टेटमेंट एक टैब द्वारा इंडेंट किया गया है क्योंकि यह हमारे for लूप पर है। हमारा console.log() स्टेटमेंट दो टैब द्वारा इंडेंट किया गया है क्योंकि यह हमारे if स्टेटमेंट के भीतर समाहित है, जो स्वयं हमारे for स्टेटमेंट के भीतर समाहित है।

टिप्पणियाँ

टिप्पणियाँ डेवलपर्स द्वारा, डेवलपर्स के लिए लिखे गए स्टेटमेंट्स हैं। वे तकनीकी रूप से JavaScript द्वारा पढ़े जाते हैं, लेकिन वे निष्पादित नहीं होंगे।

टिप्पणियों का उद्देश्य डेवलपर्स को उनके कोड का ट्रैक रखने में मदद करना है। यदि आप एक जटिल फंक्शन लागू कर रहे हैं, तो आप कुछ टिप्पणियाँ लिखना चाह सकते हैं ताकि आप जान सकें कि फंक्शन का प्रत्येक भाग क्या करता है। टिप्पणियाँ अक्सर सहयोगी प्रोजेक्ट्स में भी उपयोग की जाती हैं ताकि हर डेवलपर प्रोग्राम को समझ सके, भले ही उन्होंने इसे स्वयं नहीं लिखा हो।

JavaScript में, टिप्पणियाँ डबल स्लैश का उपयोग करके लिखी जाती हैं, उसके बाद टिप्पणी:

// यह एक टिप्पणी है जिसे JavaScript द्वारा छोड़ दिया जाएगा!

डबल स्लैश के बाद के सभी बाद के वर्णों को टिप्पणी माना जाता है। टिप्पणी को कई लाइनों तक फैलाने के लिए, आप इस सिंटैक्स का उपयोग कर सकते हैं:

/* यह एक टिप्पणी है जो कई लाइनों तक फैली हुई है। */

/* और */ के बीच का कोई भी टेक्स्ट JavaScript कंपाइलर द्वारा अनदेखा किया जाएगा।

वेरिएबल्स नामकरण

वेरिएबल का नाम रखने के कई अलग-अलग तरीके हैं। तीन सबसे लोकप्रिय विधियाँ अपर केमल केस, लोअर केमल केस और अंडरस्कोर्स का उपयोग करना हैं।

JavaScript में, अधिकांश डेवलपर्स वेरिएबल्स का नाम रखने के लिए लोअर केमल केस का उपयोग करना पसंद करते हैं:

firstName, surname, isAdmin

JavaScript में वेरिएबल्स घोषित करना इस तरह दिखता है:

var firstName = "Tony";

आप जिस प्रकार के वेरिएबल का उपयोग कर रहे हैं (इस मामले में var) उसके बाद वेरिएबल का नाम आता है, फिर बराबर का चिह्न, फिर वह मान जिसे आप वेरिएबल में संग्रहीत करना चाहते हैं।

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

जबकि आप अन्य विधियों का उपयोग करके वेरिएबल्स लिख सकते हैं (जैसे अंडरस्कोर्स में "first_name" या अपर केमल केस में "FirstName"), यह JavaScript में ऐसा करना उतना आम नहीं है।

JavaScript में वेरिएबल्स केस सेंसिटिव हैं। इसका मतलब है कि firstName और firstname, जबकि उनमें समान बुनियादी वर्ण हैं, अलग-अलग व्यवहार किए जाएंगे।

कुछ शब्द हैं जिन्हें "रिजर्व्ड वर्ड्स" कहा जाता है जिनका उपयोग आप वेरिएबल नामों के रूप में नहीं कर सकते। ये वे शब्द हैं जिनका JavaScript में विशेष कार्य है। उदाहरण के लिए, आप किसी वेरिएबल का नाम "class" या "for" नहीं रख सकते, क्योंकि ये पहले से ही भाषा में उपयोग किए जाते हैं।

आप Mozilla Developer Network पर रिजर्व्ड JavaScript कीवर्ड्स की सूची पा सकते हैं।

सेमीकोलन

अंग्रेजी में, हर वाक्य पीरियड के साथ समाप्त होता है; एक फुल स्टॉप। यह हमें बताता है कि एक वाक्य पढ़ना कब रोकना है और दूसरा शुरू करना है। यदि आप अपने प्राथमिक विद्यालय के दिनों को याद करते हैं, तो आपको शायद बताया गया था कि वाक्य रुकने और सांस लेने की जगह हैं।

कंप्यूटर प्रोग्राम्स को सांस लेने की आवश्यकता नहीं है, लेकिन उन्हें यह जानने की आवश्यकता है कि प्रोग्राम में स्टेटमेंट्स कैसे विभाजित हैं। JavaScript में, अधिकांश स्टेटमेंट्स सेमीकोलन के साथ समाप्त होते हैं:

var cookie = "Chocolate Fudge";

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

function addNumbers(one, two) {
    return one + two;
}

इस कोड में, आप देख सकते हैं कि हमने अपने return स्टेटमेंट को सेमीकोलन के साथ समाप्त किया। ऐसा इसलिए है क्योंकि यह हमारे फंक्शन में है। हमारा फंक्शन सेमीकोलन के साथ समाप्त नहीं होता।

निष्कर्ष

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

यहाँ हमारे द्वारा कवर किए गए मुख्य नियमों का पुनर्कथन है:

• वेरिएबल घोषणा या "for" या "if" जैसे कीवर्ड के बाद सभी स्टेटमेंट्स को व्हाइटस्पेस द्वारा अलग किया जाना चाहिए।
• कोड ब्लॉक (यानी "if", "else") के भीतर संलग्न स्टेटमेंट्स को इंडेंट किया जाना चाहिए।
• वेरिएबल नामों को लोअर केमल केस का उपयोग करना चाहिए और किसी भी रिजर्व्ड कीवर्ड के बराबर नहीं होना चाहिए।
• ब्लॉक स्टेटमेंट्स के अलावा हर स्टेटमेंट को सेमीकोलन में समाप्त होना चाहिए।
• // का उपयोग सिंगल-लाइन टिप्पणी लिखने के लिए और /* */ का उपयोग कई लाइनों तक फैली टिप्पणी लिखने के लिए किया जा सकता है।

अब आप एक पेशेवर डेवलपर की तरह JavaScript में कोडिंग शुरू करने के लिए तैयार हैं!