जावास्क्रिप्ट गाइड, भाग 1: पहला कार्यक्रम, भाषा सुविधाएँ, मानक

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



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

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

नमस्ते दुनिया!

कार्यक्रम, जिसे पारंपरिक रूप से " हैलो, दुनिया कहा जाता है! " “बहुत सरल है। यह एक निश्चित भाषा के माध्यम से "हैलो, दुनिया!" या किसी अन्य समान के वाक्यांश को प्रदर्शित करता है।

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

इसे लिखने के लिए, यदि आप Google Chrome का उपयोग करते हैं, तो ब्राउज़र मेनू खोलें और इसमें > कमांड चुनें। ब्राउज़र विंडो को दो भागों में विभाजित किया जाएगा। उनमें से एक में एक पृष्ठ दिखाई देगा, दूसरे में एक पैनल जिसमें डेवलपर टूल होंगे, जिसमें कई बुकमार्क होंगे। हम Console टैब में रुचि रखते हैं। इस पर क्लिक करें। कंसोल में पहले से मौजूद क्या हो सकता है, इस पर ध्यान न दें (आप इसे साफ़ करने के लिए कुंजी संयोजन Ctrl + L का उपयोग कर सकते हैं)। अब हम कंसोल को आमंत्रित करने में रुचि रखते हैं। यह वह जगह है जहां आप जावास्क्रिप्ट कोड दर्ज कर सकते हैं जिसे Enter कुंजी दबाकर निष्पादित किया जाता है। चलो कंसोल में निम्नलिखित दर्ज करें:

 console.log("Hello, world!") 

यह पाठ कीबोर्ड से दर्ज किया जा सकता है, आप इसे कंसोल में कॉपी और पेस्ट कर सकते हैं। परिणाम समान होगा, लेकिन यदि आप प्रोग्राम करना सीख रहे हैं, तो यह अनुशंसा की जाती है कि आप स्वयं कार्यक्रमों के ग्रंथों में प्रवेश करें, न कि उन्हें कॉपी करें।

प्रोग्राम टेक्स्ट कंसोल में होने के बाद, एंटर Enter ।

यदि सब कुछ सही ढंग से किया जाता है, तो पाठ Hello, world! इस पंक्ति के तहत दिखाई देगा Hello, world! । बाकी सब चीजों पर ध्यान मत दो।


ब्राउज़र कंसोल में पहला प्रोग्राम कंसोल में एक संदेश प्रदर्शित करना है

एक अन्य ब्राउज़र विकल्प "हैलो, दुनिया!" संदेश बॉक्स प्रदर्शित करना शामिल है। यह इस तरह किया जाता है:

 alert("Hello, world!") 

यहाँ इस कार्यक्रम को चलाने का परिणाम है।


एक विंडो में एक संदेश प्रदर्शित करें

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

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

एक ब्राउज़र में JS कोड चलाने के अन्य तरीके हैं। इसलिए, यदि हम जावास्क्रिप्ट कार्यक्रमों के सामान्य उपयोग के बारे में बात करते हैं, तो वे वेब पेजों के संचालन को सुनिश्चित करने के लिए ब्राउज़र में लोड किए जाते हैं। एक नियम के रूप में, कोड को .js एक्सटेंशन के साथ अलग-अलग फ़ाइलों के रूप में निष्पादित किया जाता है, जो वेब पेज से जुड़े होते हैं, लेकिन प्रोग्राम कोड को सीधे पेज कोड में भी शामिल किया जा सकता है। यह सब <script> का उपयोग करके किया जाता है। जब ब्राउज़र ऐसे कोड का पता लगाता है, तो वह इसे निष्पादित करता है। स्क्रिप्ट टैग का विवरण w3school.com पर देखा जा सकता है। विशेष रूप से, एक उदाहरण पर विचार करें जो दर्शाता है कि इस संसाधन का उपयोग करके जावास्क्रिप्ट का उपयोग करके वेब पेज का उपयोग कैसे किया जाए। इस उदाहरण को इस संसाधन के माध्यम से भी चलाया जा सकता है ( Try it Yourself करें देखें), लेकिन हम थोड़ा अलग करेंगे। अर्थात्, हम कुछ टेक्स्ट एडिटर में एक नई फ़ाइल बनाएंगे (उदाहरण के लिए, वीएस कोड या नोटपैड ++ में ), जिसे हम hello.html कहेंगे, और इसमें निम्न कोड जोड़ेंगे:

 <!DOCTYPE html> <html> <body>   <p id="hello"></p>   <script>     document.getElementById("hello").innerHTML = "Hello, world!";   </script> </body> </html> 

यहाँ हम लाइन document.getElementById("hello").innerHTML = "Hello, world!"; में सबसे अधिक रुचि रखते हैं document.getElementById("hello").innerHTML = "Hello, world!"; , जो एक JS कोड है। यह कोड <script> टैग खोलने और बंद करने में संलग्न है। यह दस्तावेज़ में hello आइडेंटिफ़ायर के साथ एक HTML तत्व ढूंढता है और अपनी innerHTML HTML संपत्ति (अर्थात, इस तत्व के भीतर निहित HTML कोड) को Hello, world! बदलता Hello, world! । यदि आप किसी ब्राउज़र में hello.html फ़ाइल खोलते हैं, तो उस पर निर्दिष्ट पाठ प्रदर्शित किया जाएगा।


जावास्क्रिप्ट HTML तत्व के लिए उत्पादन

जैसा कि पहले ही उल्लेख किया गया है, w3school.com पर दिए गए उदाहरणों को वहीं पर आजमाया जा सकता है। वेब विकास के लिए विशेष रूप से ऑनलाइन वातावरण हैं, और, विशेष रूप से, जेएस कोड को निष्पादित करने के लिए। उनमें से, उदाहरण के लिए, codepen.io , jsfiddle.net , jsbin.com ।

यहाँ, उदाहरण के लिए, कोडेन के माध्यम से बनाए गए हमारे उदाहरण की तरह दिखता है।


HTML फ़ील्ड में HTML तत्व का वर्णन करने वाला कोड होता है, JS फ़ील्ड में JavaScript कोड होता है, और परिणाम पृष्ठ के नीचे प्रदर्शित होता है।

हमने ऊपर कहा है कि जावास्क्रिप्ट प्रोग्राम विभिन्न प्लेटफार्मों पर चलाए जा सकते हैं, जिनमें से एक Node.js सर्वर वातावरण है। यदि आप विशेष रूप से सर्वर-साइड विकास पर ध्यान केंद्रित करते हुए जावास्क्रिप्ट सीखने जा रहे हैं, तो आपको शायद Node.js. का उपयोग करके उदाहरणों को चलाना चाहिए। कृपया ध्यान दें कि, सरल तरीके से, और Node.js और ब्राउज़र के संस्करणों द्वारा उपयोग की जाने वाली विशिष्ट भाषा सुविधाओं का विशेष रूप से ध्यान नहीं रखते हुए, भाषा के मूल तंत्रों का उपयोग करते हुए समान कोड Node.js और ब्राउज़र में काम करेगा। यही है, उदाहरण के लिए, console.log("Hello, world!") कमांड console.log("Hello, world!") वहां और वहां दोनों काम करेगा। प्रोग्राम जो ब्राउज़र-विशिष्ट तंत्र का उपयोग करते हैं, वे Node.js में काम नहीं करेंगे (वही एक ब्राउज़र में Node.js के लिए डिज़ाइन किए गए प्रोग्राम को चलाने की कोशिश करता है)।

हमारे "हैलो, दुनिया को लॉन्च करने के लिए!" Node.js वातावरण में, यहाँ से उपयुक्त वितरण पैकेज डाउनलोड करके Node.js स्थापित करें । अब hello.js फ़ाइल बनाएं और उसमें निम्न कोड डालें:

 console.log('Hello, World!'); 

कमांड लाइन का उपयोग करते हुए, हम उस फ़ोल्डर में जाएंगे जिसमें यह फ़ाइल संग्रहीत है, और निम्नलिखित कमांड निष्पादित करें:

 node hello.js 

यहाँ इसके कार्यान्वयन का परिणाम है:


Node.js द्वारा मुद्रित संदेश

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

अब, जावास्क्रिप्ट के साथ आपका पहला परिचित होने के बाद, हम आपको इस भाषा के बारे में अधिक बात करने की पेशकश करते हैं।

जावास्क्रिप्ट अवलोकन

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

समय के साथ, वेब वातावरण की जरूरतों में वृद्धि हुई, विशेष रूप से, नए एपीआई दिखाई दिए, और जावास्क्रिप्ट, वेब विकास का समर्थन करने के लिए, अन्य तकनीकों के साथ बनाए रखना आवश्यक था।

आजकल, जेएस का उपयोग न केवल पारंपरिक ब्राउज़रों में, बल्कि परे भी किया जाता है। विशेष रूप से, हम सर्वर प्लेटफ़ॉर्म Node.js के बारे में बात कर रहे हैं, एम्बेडेड और मोबाइल अनुप्रयोगों के विकास में जावास्क्रिप्ट का उपयोग करने की संभावनाओं के बारे में, उन कार्यों की एक विस्तृत श्रृंखला को हल करने के बारे में जिनके लिए पहले जावास्क्रिप्ट का उपयोग नहीं किया गया था।

कुंजी जावास्क्रिप्ट सुविधाएँ

जावास्क्रिप्ट एक भाषा है जिसमें निम्नलिखित विशेषताएं हैं:

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

हाँ, वैसे, यह ध्यान दिया जाना चाहिए कि जावास्क्रिप्ट और जावा में कुछ भी सामान्य नहीं है। ये पूरी तरह से अलग भाषाएं हैं।

जावास्क्रिप्ट और मानकों

ECMAScript, या ES, मानक का नाम है जो जावास्क्रिप्ट इंजन के डेवलपर्स को गाइड करता है, अर्थात, वे वातावरण जहां JS प्रोग्राम चलते हैं। विभिन्न मानक भाषा में नई विशेषताओं का परिचय देते हैं, जिनके बारे में संक्षिप्त रूप में मानकों के नाम का उल्लेख अक्सर किया जाता है, उदाहरण के लिए - ईएस 6। ES6 ES2015 के समान है, केवल पहले मामले में संख्या का मतलब मानक (6) का संस्करण संख्या है, और दूसरे में - मानक (2015) को अपनाने का वर्ष है।

ऐसा हुआ कि वेब प्रोग्रामिंग की दुनिया में बहुत लंबे समय के लिए ES3 मानक, जिसे 1999 में अपनाया गया था, प्रासंगिक था। मानक का चौथा संस्करण मौजूद नहीं है (उन्होंने इसमें कई नई सुविधाएँ जोड़ने की कोशिश की और इसे कभी स्वीकार नहीं किया)। 2009 में, ES5 मानक को अपनाया गया था, जो कि 10 वर्षों में पहली बार भाषा के लिए एक बड़ा अपडेट था। इसके बाद, 2011 में, ES5.1 मानक को अपनाया गया था, इसमें बहुत सी नई चीजें भी थीं। 2015 में अपनाया गया ES6 मानक भी नवाचार के मामले में बहुत महत्वपूर्ण हो गया है। 2015 में शुरू, मानक के नए संस्करण हर साल अपनाए जाते हैं।

इस सामग्री के प्रकाशन के समय मानक का नवीनतम संस्करण ES9 है , जिसे जून 2018 में अपनाया गया है।

परिणाम

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

प्रिय पाठकों! यदि आप इस सामग्री को पढ़ने से पहले, जावास्क्रिप्ट से परिचित नहीं थे, तो कृपया हमें इस बारे में बताएं कि क्या आप "हैलो, वर्ल्ड" चलाने में कामयाब रहे हैं।