🙅🏻 👩🏼‍🎤 ↖️ जावास्क्रिप्ट गाइड भाग 2: कोड शैली और कार्यक्रम संरचना 🌂 🧐 🥌

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

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

प्रोग्रामिंग शैली

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

कई स्टाइल गाइड हैं। उनमें से 2 ऐसे हैं जो आमतौर पर जावास्क्रिप्ट दुनिया में उपयोग किए जाते हैं:

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

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

इस गाइड में इस्तेमाल की जाने वाली शैली

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

यहाँ नियमों में नियमों की एक सूची दी गई है।

संरेखण। कोड के ब्लॉकों को संरेखित करने के लिए, रिक्त स्थान का उपयोग किया जाता है (संरेखण के 1 स्तर प्रति 2 रिक्त स्थान), टैब का उपयोग नहीं किया जाता है।
अर्धविराम। एक अर्धविराम का उपयोग नहीं किया जाता है।
लाइन की लंबाई 80 अक्षर (यदि संभव हो)।
एक पंक्ति टिप्पणी। ऐसी टिप्पणियों का उपयोग कोड में किया जाता है।
मल्टी-लाइन टिप्पणियां। इन टिप्पणियों का उपयोग दस्तावेज़ कोड के लिए किया जाता है।
अप्रयुक्त कोड। अनुपयोगी कोड उस कार्यक्रम में नहीं रहता है, जब आपको बाद में इसकी आवश्यकता होती है। इस तरह के कोड, यदि यह अभी भी आवश्यक है, तो संस्करण नियंत्रण प्रणाली में पाया जा सकता है, यदि इसका उपयोग किया जाता है, या इस तरह के कोड को स्टोर करने के लिए डिज़ाइन किए गए प्रोग्रामर के नोट्स जैसे कुछ में।
टिप्पणी करने के नियम। स्पष्ट चीजों पर टिप्पणी करने की आवश्यकता नहीं है, उस कोड में टिप्पणी जोड़ें जो इसके सार को समझने में मदद नहीं करता है। यदि कोड स्वयं को अच्छी तरह से चुने गए फ़ंक्शन और चर नामों और कार्यों के जेएसडीओसी-विवरणों के लिए धन्यवाद देता है, तो आपको इस कोड में अतिरिक्त टिप्पणियां नहीं जोड़ना चाहिए।
परिवर्तनीय घोषणा। वैश्विक वस्तु के प्रदूषण को रोकने के लिए चर हमेशा स्पष्ट रूप से घोषित किए जाते हैं। var कीवर्ड का उपयोग नहीं किया गया है। यदि इसे प्रोग्राम एक्जीक्यूशन के दौरान किसी वैरिएबल के मान को बदलने की योजना नहीं है, तो इसे एक कॉन्स्टेंट के रूप में घोषित किया जाता है (समान स्थिरांक को अक्सर "वैरिएबल" भी कहा जाता है) const कीवर्ड का उपयोग करते हुए, इसे डिफ़ॉल्ट रूप से उपयोग करते हैं - ऐसे मामलों को छोड़कर जब किसी वैरिएबल के मूल्य को बदलने की योजना बनाई जाती है। ऐसे मामलों में, let कीवर्ड का उपयोग किया जाता है।
स्थिरांक। यदि कार्यक्रम में कुछ मूल्य निरंतर हैं, तो उनके नाम बड़े अक्षरों से बने होते हैं। उदाहरण के लिए, CAPS । एक अंडरस्कोर ( _ ) कई शब्दों से मिलकर नाम के कुछ हिस्सों को अलग करने के लिए उपयोग किया जाता है।
समारोह। फ़ंक्शन घोषणाएँ तीर सिंटैक्स का उपयोग करती हैं। नियमित कार्य घोषणाएं केवल विशेष मामलों में लागू होती हैं। विशेष रूप से, वस्तुओं के तरीकों में या डिजाइनरों में। यह this की विशेषताओं के कारण किया गया है। const कीवर्ड का उपयोग करके फ़ंक्शंस को घोषित किया जाना चाहिए, और यदि संभव हो, तो उनके काम के परिणामों को स्पष्ट रूप से वापस करना आवश्यक है। मुख्य कोड से कुछ सहायक तंत्रों को छिपाने के लिए नेस्टेड फ़ंक्शन का उपयोग करने की मनाही नहीं है।

यहाँ सरल तीर क्रियाओं की एक जोड़ी का एक उदाहरण दिया गया है:

 const test = (a, b) => a + b const another = a => a + 2

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

अगर । यहाँ एक सशर्त लिखने के कुछ तरीके दिए गए हैं if :

 if (condition) { statements } if (condition) { statements } else { statements } if (condition) { statements } else if (condition) { statements } else { statements }

के लिए । लूप को व्यवस्थित करने के लिए, या तो निर्माण के for मानक का उपयोग किया जाता है, जिसका एक उदाहरण नीचे दिया गया है, या लूप के लिए। for in .hasOwnProperty() से बचा जाना चाहिए - जब तक कि वे .hasOwnProperty() निर्माण के साथ उपयोग नहीं किए जाते हैं। यहाँ एक लूप आरेख के लिए है:

 for (initialization; condition; update) { statements }

जबकि । यहाँ कुछ while का एक योजनाबद्ध उदाहरण दिया गया है:

 while (condition) { statements }

करते हैं । यहाँ लूप की संरचना है:

 do { statements } while (condition);

स्विच करें । निम्नलिखित switch सशर्त switch का आरेख है:

 switch (expression) { case expression:   statements default:   statements }

कोशिश करो । ट्राइ try-catch निर्माण के लिए यहां कुछ डिज़ाइन विकल्प दिए गए हैं। पहला उदाहरण इस निर्माण को finally ब्लॉक के बिना दिखाता है, दूसरा ऐसे ब्लॉक के साथ।

 try { statements } catch (variable) { statements } try { statements } catch (variable) { statements } finally { statements }

रिक्त स्थान । रिक्त स्थान का बुद्धिमानी से उपयोग किया जाना चाहिए, अर्थात्, ताकि वे बेहतर कोड पठनीयता में योगदान दें। इसलिए, रिक्त स्थान एक खुलने वाले कोष्ठक द्वारा पीछा किए जाने के बाद रिक्त स्थान रखे जाते हैं, वे ऑपरेटरों द्वारा घिरे होते हैं जो दो ऑपरेंड ( + , - , / , * , और && और अन्य) पर लागू होते हैं। रिक्त स्थान का उपयोग लूप के for किया जाता है, प्रत्येक अर्धविराम के बाद, लूप हैडर के हिस्सों को एक दूसरे से अलग करने के लिए। अंतरिक्ष को अल्पविराम के बाद रखा जाता है।
खाली लाइनें । खाली लाइनें मार्क कोड ब्लॉक करती हैं जिनमें ऑपरेशंस तार्किक रूप से एक दूसरे से जुड़े होते हैं।
उद्धरण चिह्न । स्ट्रिंग्स के साथ काम करते समय, एकल उद्धरण ( ' ) का उपयोग किया जाता है, दोहरे उद्धरण ( " ) नहीं। डबल उद्धरण आमतौर पर HTML विशेषताओं में पाए जाते हैं, इसलिए एकल उद्धरण का उपयोग करके HTML स्ट्रिंग्स के साथ काम करते समय समस्याओं से बचने में मदद मिलती है। यदि आपको स्ट्रिंग्स के साथ कुछ संचालन करने की आवश्यकता है, तो इसका मतलब है। , उदाहरण के लिए, उनके संघनन, टेम्पलेट शाब्दिक का उपयोग किया जाना चाहिए, जो बैकटिक्स ( ` ) का उपयोग करके तैयार किए गए हैं।

जावास्क्रिप्ट कोड की शाब्दिक संरचना

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

▍Unicode

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

On अर्धविराम

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

यदि, कोड लिखते समय, आप अजीब निर्माण का उपयोग नहीं करते हैं, या एक कोष्ठक या वर्ग कोष्ठक के साथ लाइन शुरू नहीं करते हैं, तो 99.9% मामलों में आप गलती नहीं करेंगे (यदि कुछ भी हो, तो लाइनर आपको संभावित गलती के बारे में चेतावनी दे सकता है)। "अजीब डिजाइन" के लिए, उदाहरण के लिए, हम इसे विशेषता दे सकते हैं:

 return variable

एक अर्धविराम का उपयोग करना या न करना हर प्रोग्रामर के लिए एक व्यक्तिगत मामला है। इस मैनुअल के लेखक, उदाहरण के लिए, कहते हैं कि उन्होंने सेमीकोलन का उपयोग नहीं करने का फैसला किया, जहां उन्हें ज़रूरत नहीं है, परिणामस्वरूप, वे यहां दिए गए उदाहरणों में बेहद दुर्लभ हैं।

▍ अंतराल

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

सामान्य तौर पर, यह ध्यान दिया जाना चाहिए कि, प्रोग्राम कोड को प्रारूपित करना, नियमों के एक निश्चित समूह का पालन करते हुए, चरम सीमाओं पर न जाना बेहतर है।

▍ केस संवेदनशीलता

जावास्क्रिप्ट एक केस-संवेदी भाषा है। इसका मतलब है कि यह अलग है, उदाहरण के लिए, चर का नाम something और Something । वही किसी भी पहचानकर्ता के लिए जाता है।

▍ टिप्पणियाँ

आप जावास्क्रिप्ट में दो प्रकार की टिप्पणियों का उपयोग कर सकते हैं। पहला प्रकार एकल-पंक्ति टिप्पणियाँ हैं:

//

वे, जैसा कि नाम से ही स्पष्ट है, एक रेखा पर स्थित हैं। // वर्णों का अनुसरण करने वाली हर चीज़ को एक टिप्पणी माना जाता है।

दूसरा प्रकार बहु-पंक्ति टिप्पणियाँ हैं:

 /*   */

यहाँ, टिप्पणी वह सब कुछ है जो पात्रों के संयोजन के बीच है /* और */ ।

Identif साहित्य और पहचानकर्ता

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

 5 'Test' true ['a', 'b'] {color: 'red', shape: 'Rectangle'}

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

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

 Test test TEST _test Test1 $test

डोमिनर तत्वों के संदर्भ में स्टोर करने वाले पहचानकर्ता बनाते समय डॉलर चिह्न का आमतौर पर उपयोग किया जाता है।

▍ सुरक्षित शब्द

निम्नलिखित उन शब्दों की सूची है जो भाषा द्वारा आरक्षित हैं। आप उन्हें पहचानकर्ता के रूप में उपयोग नहीं कर सकते।

break
do
instanceof
typeof
case
else
new
var
catch
finally
return
void
continue
for
switch
while
debugger
function
this
with
default
if
throw
delete
in
try
class
enum
extends
super
const
export
import
implements
let
private
public
interface
package
protected
static
yield

परिणाम

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

प्रिय पाठकों! आप किस जावास्क्रिप्ट शैली गाइड का उपयोग करते हैं?

जावास्क्रिप्ट गाइड भाग 2: कोड शैली और कार्यक्रम संरचना