💣 👨‍✈️ 🈶 जावास्क्रिप्ट कोड की विश्वसनीयता में सुधार के लिए 7 सिफारिशें 🗿 🙏🏻 🎀

लेख के लेखक, जिसका अनुवाद आज हम प्रकाशित कर रहे हैं, ने जावास्क्रिप्ट पर पाठकों की सात सिफारिशों को साझा करने का निर्णय लिया। ये सिफारिशें, जैसा कि लेखक आशा करना चाहते हैं, अधिक विश्वसनीय कार्यक्रम लिखने में मदद करेगा।

1. कारखाने के कार्यों का उपयोग करें

यदि किसी को पता नहीं है, तो एक फैक्ट्री फ़ंक्शन एक साधारण फ़ंक्शन (क्लास या कंस्ट्रक्टर नहीं) है जो वस्तुओं को लौटाता है। यह सरल अवधारणा हमें शक्तिशाली और विश्वसनीय एप्लिकेशन बनाने के लिए जावास्क्रिप्ट की शक्तिशाली सुविधाओं का लाभ उठाने की अनुमति देती है।

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

▍ कारखाने के कार्यों का उपयोग क्यों करें?

फैक्ट्री फ़ंक्शंस का उपयोग किसी ऑब्जेक्ट की तात्कालिकता को सरल करने के लिए किया जा सकता है, बिना कक्षाओं या कीवर्ड के बिना new।

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

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

यहाँ एक कारखाने के कार्य का एक सरल उदाहरण है:

function createFrog(name) {
  const children = []
  
  return {
    addChild(frog) {
      children.push(frog)
    },
  }
}

const mikeTheFrog = createFrog('mike')

यदि आप कुछ समय के लिए फ़ैक्टरी फ़ंक्शंस का उपयोग करते हैं, तो आप समझ सकते हैं कि, कंस्ट्रक्टर फ़ंक्शंस के रूप में अपने प्रतिद्वंद्वियों के साथ, फ़ैक्टरी फ़ंक्शंस कोड पुन: उपयोग के स्तर को बढ़ा सकते हैं। नतीजतन, प्रोग्रामर को कम कोड लिखना होगा। फैक्ट्री फ़ंक्शंस में रिफैक्टरिंग की सुविधा होती है, क्योंकि वे मनमानी वस्तुओं को वापस करने में सक्षम होते हैं, और कोड बेस पर काम को सरल बनाते हैं।

2. कंस्ट्रक्टर कार्यों को लिखते समय, उनके प्रोटोटाइप में विधियाँ जोड़ें

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

ध्यान रखें कि यह तकनीक कक्षाओं के लिए उपयुक्त नहीं है। प्रोग्रामर की ओर से अतिरिक्त प्रयासों के बिना कक्षाएं, स्वतंत्र रूप से अपने प्रोटोटाइप में तरीकों को बचाती हैं।

यहाँ एक उदाहरण निर्माण कार्य है:

function Frog(name, gender) {
  this.name = name
  this.gender = gender
}

Frog.prototype.leap = function(feet) {
  console.log(`Leaping ${feet}ft into the air`)
}

कंस्ट्रक्टर द्वारा बनाई गई वस्तु को Frog.prototype.leapसिर्फ एक विधि लिखने के बजाय एक निर्माण का उपयोग क्यों करें leap? उदाहरण के लिए, इस तरह:

function Frog(name, gender) {
  this.name = name
  this.gender = gender
  
  this.leap = function(feet) {
    console.log(`Leaping ${feet}ft into the air`)
  }
}

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

दूसरे शब्दों में, यदि आप पिछले उदाहरण पर भरोसा करते हैं, जिसका उपयोग किया जाता है this.leap, तो यह पता चलता है कि ऑब्जेक्ट के कई उदाहरण बनाते समय Frog, उनमें से प्रत्येक की अपनी विधि होगी leap। वह है - इस पद्धति की कई प्रतियां बनाई जाएंगी। इस मामले में, यह सिस्टम संसाधनों के तर्कहीन उपयोग को इंगित करता है, क्योंकि इन सभी वस्तुओं में एक ही विधि की एक प्रति होगी जो हर जगह समान व्यवहार करती है। ऑब्जेक्ट के प्रत्येक उदाहरण में इस तरह की विधि की प्रतियां बनाना आवश्यक नहीं है।

नतीजतन, इससे कार्यक्रम के प्रदर्शन में कमी आएगी। लेकिन इससे बचना मुश्किल नहीं है। यह ध्यान देने योग्य है कि गुण this.nameऔर this.gender, इस रूप में घोषित किया जाना चाहिए, क्योंकि वे एक विशिष्ट वस्तु से संबंधित होना चाहिए। यदि हम वास्तविक मेंढ़कों के साथ एक सादृश्य बनाते हैं, तो आभासी प्रतिनिधित्व जिसका वर्णन कंस्ट्रक्टर का उपयोग करके किया गया है Frog, यह पता चलता है कि मेंढक का अपना नाम हो सकता है, मेंढक का एक अलग लिंग होता है। परिणामस्वरूप, प्रत्येक ऑब्जेक्ट में मेंढक के बारे में अनूठी जानकारी संग्रहीत करने के लिए, यह वस्तुओं के गुणों को घोषित करने के लिए समझ में आता है ताकि उन्हें वस्तु उदाहरणों के स्तर पर बिल्कुल उपयोग किया जा सके।

यहां लोकप्रिय अनुरोध पैकेज में इस तकनीक का उपयोग करने का एक उदाहरण है ।

3. वस्तुओं में विशिष्ट गुण जोड़ें।

एक संपत्ति .type, जो अनौपचारिक समझौते द्वारा, अक्सर वस्तुओं में जोड़ दी जाती है, इन दिनों बहुत व्यापक उपयोग पाया गया है। यदि आप रिएक्ट एप्लिकेशन लिख रहे हैं, तो आप हर समय इस संपत्ति पर आ सकते हैं। विशेष रूप से - यदि आप Redux का उपयोग करते हैं ।

इस दृष्टिकोण का उपयोग करना विकास प्रक्रिया में खुद को बहुत अच्छी तरह से दिखाता है, क्योंकि यह अन्य चीजों के अलावा, आपको स्व-दस्तावेजीकरण कोड बनाने की अनुमति देता है:

function createSpecies(type, name, gender) {
  if (type === 'frog') {
    return createFrog(name, gender)
  } else if (type === 'human') {
    return createHuman(name, gender)
  } else if (type == undefined) {
    throw new Error('Cannot create a species with an unknown type')
  }
}

const myNewFrog = createSpecies('frog', 'sally', 'female')

4. टाइपस्क्रिप्ट का उपयोग करें

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

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

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

5. परीक्षण लिखें

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

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

यदि आप अपनी परियोजना के लिए परीक्षण बनाना शुरू करने जा रहे हैं, तो ध्यान रखें कि आज कोड परीक्षण के आयोजन के लिए बहुत सारे उपकरण और रूपरेखाएँ हैं। यहाँ इसके बारे में कुछ अच्छा सामान है।

6. यथासंभव सरल कार्य लिखें।

जैसा कि हम सभी जानते हैं, समस्याओं के बिना जावास्क्रिप्ट आपको बहुत से कार्यों को बनाने की अनुमति देता है जो एक ही बार में कई कार्यों को हल करते हैं।

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

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

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

7. JSON.parse और JSON.stringify का उपयोग करते समय हमेशा त्रुटि से निपटने के महत्व को याद रखें

जावास्क्रिप्ट प्रोग्रामिंग में, जब JSON डेटा को किसी विधि JSON.parseसे पास किया जाता है, तो इस तथ्य को ध्यान में रखना आवश्यक है कि यह विधि पहले तर्क के रूप में प्राप्त करने की उम्मीद करती है, एक सही ढंग से निष्पादित JSON कोड। यदि यह विधि JSON सामग्री प्राप्त करती है जिसके साथ कुछ गलत है, तो यह एक त्रुटि फेंक देगा।

यहां खतरा यह है कि JSON.parseगलत JSON कोड पास करने से एप्लिकेशन बंद हो जाता है। काम पर, मुझे हाल ही में एक ऐसी स्थिति का सामना करना पड़ा जहां हमारी एक वेब परियोजना ने इस तथ्य के कारण त्रुटियों को फेंक दिया कि बाहरी पैकेजों JSON.parseमें से एक ब्लॉक में फिट नहीं हुआ try/catch। यह पृष्ठ की विफलता में समाप्त हो गया, और हम बाहरी पैकेज कोड तय होने तक समस्या से छुटकारा नहीं पा सके। यह सब इस तथ्य के कारण हुआ कि कोड में, इसके संचालन के दौरान, एक असुरक्षित त्रुटि दिखाई दी:

SyntaxError: Unexpected token } in JSON at position 107

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

सारांश

हमें उम्मीद है कि जावास्क्रिप्ट कोड की विश्वसनीयता में सुधार के लिए यहां दी गई सिफारिशें आपके लिए उपयोगी हैं।

प्रिय पाठकों! आप उन लोगों को क्या सलाह देंगे जो बेहतर और अधिक विश्वसनीय जावास्क्रिप्ट कोड लिखना चाहते हैं?

जावास्क्रिप्ट कोड की विश्वसनीयता में सुधार के लिए 7 सिफारिशें