"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जावास्क्रिप्ट में स्वच्छ और रखरखाव योग्य कोड लिखने के लिए सर्वोत्तम अभ्यास

जावास्क्रिप्ट में स्वच्छ और रखरखाव योग्य कोड लिखने के लिए सर्वोत्तम अभ्यास

2024-11-07 को प्रकाशित
ब्राउज़ करें:241

Best Practices for Writing Clean and Maintainable Code in JavaScript

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

1. लगातार कोड फ़ॉर्मेटिंग:

पठनीयता के लिए सुसंगत कोड फ़ॉर्मेटिंग आवश्यक है। यह डेवलपर्स को कोड को तेज़ी से समझने में मदद करता है और सहयोग को बेहतर बनाता है। एक सुसंगत और व्यापक रूप से स्वीकृत कोड शैली मार्गदर्शिका का उपयोग करें, जैसे कि ESLint द्वारा प्रदान की गई, और तदनुसार कोड को स्वचालित रूप से प्रारूपित करने के लिए अपने संपादक या IDE को कॉन्फ़िगर करें।
उदाहरण:

// Bad formatting
function calculateSum(a,b){
    return a   b;
}

// Good formatting
function calculateSum(a, b) {
  return a   b;
}

2. वर्णनात्मक चर और कार्य नाम:

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

// Bad naming
const x = 5;

// Good naming
const numberOfStudents = 5;

3. मॉड्यूलैरिटी और एकल जिम्मेदारी सिद्धांत:

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

// Bad practice
function calculateSumAndAverage(numbers) {
  let sum = 0;
  for (let i = 0; i 



4. वैश्विक चर से बचें:

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

// Bad practice
let count = 0;

function incrementCount() {
  count  ;
}

// Good practice
function createCounter() {
  let count = 0;

  function incrementCount() {
    count  ;
  }

  return {
    incrementCount,
    getCount() {
      return count;
    }
  };
}

const counter = createCounter();
counter.incrementCount();

5. त्रुटि प्रबंधन और मजबूती:

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

// Bad practice
function divide(a, b) {
  return a / b;
}

// Good practice
function divide(a, b) {
  if (b === 0) {
    throw new Error('Cannot divide by zero');
  }
  return a / b;
}

try {
  const result = divide(10, 0);
  console.log(result);
} catch (error) {
  console.error(error.message);
}

6. कोड दोहराव से बचें:

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

// Bad practice
function calculateAreaOfRectangle(length, width) {
  return length * width;
}

function calculatePerimeterOfRectangle(length, width) {
  return 2 * (length   width);
}

// Good practice
function calculateArea(length, width) {
  return length * width;
}

function calculatePerimeter(length, width) {
  return 2 * (length   width);
}

7. टिप्पणियों का बुद्धिमानी से उपयोग करें:

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

// Bad practice
function calculateTotalPrice(products) {
  // Loop through products
  let totalPrice = 0;
  for (let i = 0; i 



8. प्रदर्शन को अनुकूलित करें:

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

// Bad practice
function findItemIndex(array, target) {
  for (let i = 0; i 



9. यूनिट टेस्ट लिखें:

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

// Code
function sum(a, b) {
  return a   b;
}

// Test
test('sum function adds two numbers correctly', () => {
  expect(sum(2, 3)).toBe(5);
  expect(sum(-1, 5)).toBe(4);
  expect(sum(0, 0)).toBe(0);
});

10. कार्यात्मक प्रोग्रामिंग अवधारणाओं का प्रयोग करें:

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

// Bad practice
let total = 0;

function addToTotal(value) {
  total  = value;
}

// Good practice
function addToTotal(total, value) {
  return total   value;
}

11. JSDoc के साथ अपना कोड दस्तावेज़ित करें

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

/**
 * Adds two numbers together.
 * @param {number} a - The first number.
 * @param {number} b - The second number.
 * @returns {number} The sum of the two numbers.
 */
function add(a, b) {
  return a   b;
}

12. लिंटर और फॉर्मेटर का प्रयोग करें

सुसंगत कोड शैली को लागू करने और संभावित समस्याओं को समस्या बनने से पहले पकड़ने के लिए ESLint और Prettier जैसे टूल का उपयोग करें।

// .eslintrc.json
{
  "extends": ["eslint:recommended", "prettier"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

निष्कर्ष:

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

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/wizdomtek/best-practices-for-writing-clean-and-maintainable-code-in-javascript-1phb?1 यदि कोई उल्लंघन है, तो कृपया स्टडी_गोलंग@163 से संपर्क करें इसे हटाने के लिए .com
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3