S02L13 – जावास्क्रिप्ट में Undefined और null

html

JavaScript में Undefined और Null को समझना: एक व्यापक मार्गदर्शिका

विषय सूची

  1. परिचय - पृष्ठ 1
  2. JavaScript में Undefined - पृष्ठ 3

    • Undefined क्या है?
    • Undefined के सामान्य परिदृश्य
    • व्यावहारिक उदाहरण
  3. JavaScript में Null - पृष्ठ 7

    • Null क्या है?
    • Null के सामान्य परिदृश्य
    • व्यावहारिक उदाहरण
  4. Undefined और Null की तुलना - पृष्ठ 11

    • मुख्य अंतर
    • उपयोग के मामले
    • सारांश तालिका
  5. Undefined और Null को संशोधित करना - पृष्ठ 15

    • अंकगणितीय संचालन
    • स्ट्रिंग संचालन
    • सर्वोत्तम प्रथाएँ
  6. कोड उदाहरण - पृष्ठ 19

    • टिप्पणियों के साथ नमूना कोड
    • कदम-दर-कदम व्याख्या
    • अपेक्षित आउटपुट्स
  7. निष्कर्ष - पृष्ठ 25
  8. अतिरिक्त संसाधन - पृष्ठ 27

परिचय

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

इस eBook में, हम निम्न विषयों में गहराई से चर्चा करेंगे:

  • undefined और null की परिभाषाएं और परिदृश्य।
  • उनके अंतर को दर्शाने वाले व्यावहारिक उदाहरण।
  • अपने कोड में उन्हें प्रभावी ढंग से उपयोग करने के लिए सर्वोत्तम प्रथाएँ।
  • आपकी समझ को मजबूत करने के लिए विवरणात्मक कोड उदाहरण।

इस मार्गदर्शिका के अंत तक, आपके पास यह स्पष्ट समझ होगी कि undefined और null का उपयोग करके आप अधिक मजबूत और त्रुटि-मुक्त JavaScript कोड कैसे लिख सकते हैं।

JavaScript में Undefined

Undefined क्या है?

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

Undefined के सामान्य परिदृश्य

  • Initialization के बिना Variable घोषणा: जब कोई वेरिएबल var, let, या const का उपयोग करके घोषित किया जाता है बिना किसी मान को असाइन किए, तो वह undefined होता है।
  • Function Parameters: यदि कोई function उन parameters की अपेक्षा करता है जो invocation के दौरान प्रदान नहीं किए जाते, तो उन parameters का मान undefined होता है।
  • Missing Object Properties: किसी वस्तु की गैर-मौजूद संपत्ति तक पहुंचने पर undefined लौटता है।

व्यावहारिक उदाहरण

आइए व्यावहारिक उदाहरणों का अन्वेषण करें ताकि समझ सकें कि विभिन्न परिदृश्यों में undefined कैसे व्यवहार करता है।

उदाहरण 1: Variable घोषणा

व्याख्या: वेरिएबल a को घोषित किया गया है लेकिन इनिशियलाइज़ नहीं किया गया है, इसलिए इसका मान undefined होता है।

उदाहरण 2: Function Parameters

व्याख्या: function add एक parameter की अपेक्षा करता है। चूंकि कोई argument पास नहीं किया गया है, इसलिए b का मान undefined होता है, जिससे undefined + 10 होता है, जो NaN (Not-a-Number) देता है।

उदाहरण 3: Object Property Access

व्याख्या: car वस्तु में model संपत्ति नहीं है, इसलिए इसे एक्सेस करने पर undefined लौटता है।

JavaScript में Null

Null क्या है?

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

Null के सामान्य परिदृश्य

  • Initializing Variables: जब आप स्पष्ट रूप से संकेत करना चाहते हैं कि एक वेरिएबल में प्रारंभ में कोई मान नहीं होना चाहिए।
  • Function Returns: Function null वापस कर सकते हैं यह संकेत देने के लिए कि कोई मान अनुपस्थित है।
  • Object Properties: वस्तु की संपत्तियों को साफ करने के लिए उन्हें null पर सेट करना।

व्यावहारिक उदाहरण

व्यावहारिक उदाहरणों के माध्यम से null को समझना इसे undefined से अलग करने में मदद करता है।

उदाहरण 1: Variable Initialization

व्याख्या: वेरिएबल user को स्पष्ट रूप से null पर सेट किया गया है, जो किसी भी उपयोगकर्ता डेटा की अनुपस्थिति को दर्शाता है।

उदाहरण 2: Clearing Object Properties

व्याख्या: quantity संपत्ति null पर सेट की गई है यह दर्शाने के लिए कि आदेश में अब कोई quantity नहीं है।

उदाहरण 3: Function Returning Null

व्याख्या: function findProduct null लौटाता है यह संकेत देने के लिए कि प्रदान किया गया ID किसी उत्पाद से मेल नहीं खाता।

Undefined और Null की तुलना

मुख्य अंतर

जबकि दोनों undefined और null मान की अनुपस्थिति को दर्शाते हैं, वे विभिन्न उद्देश्यों की सेवा करते हैं और JavaScript में विभिन्न रूप से व्यवहार करते हैं।

विशेषता undefined null
प्रकार undefined स्वयं में एक प्रकार है object
असाइनमेंट स्वचालित रूप से असाइन किया गया स्पष्ट रूप से असाइन किया गया
उपयोग का मामला घोषित किए गए वेरिएबल्स लेकिन इनिशियलाइज़ नहीं किए गए जानबूझकर साफ़ किया गया या खाली वेरिएबल
अंकगणित गणनाओं में उपयोग करने पर NaN के परिणाम संख्यात्मक संचालन में 0 के रूप में व्यवहार किया गया
स्ट्रिंग जोड़ना जोड़ने पर "undefined" परिणाम जोड़ने पर "null" परिणाम

उपयोग के मामले

  • जांच करने के लिए undefined का उपयोग करें कि कोई वेरिएबल इनिशियलाइज़ नहीं किया गया है।
  • स्पष्ट रूप से संकेत करने के लिए null का उपयोग करें कि वेरिएबल में कोई मान नहीं होना चाहिए।

सारांश तालिका

पक्ष Undefined Null
डिफ़ॉल्ट मान हाँ नहीं
स्पष्ट असाइनमेंट नहीं हाँ
संख्यात्मक संचालन NaN का कारण बनता है 0 के रूप में व्यवहार किया गया
स्ट्रिंग संचालन "undefined" "null"
प्रकार undefined object
उपयोग अभिप्राय अनिच्छात्मक अनुपस्थिति इच्छात्मक अनुपस्थिति

Undefined और Null को संशोधित करना

समझना कि विभिन्न संचालन में undefined और null कैसे व्यवहार करते हैं, JavaScript प्रोग्रामिंग में सामान्य गलतियों से बचने के लिए आवश्यक है।

अंकगणितीय संचालन

अंकगणित में Undefined

जब undefined को अंकगणितीय संचालन में उपयोग किया जाता है, तो यह NaN (Not-a-Number) का परिणाम देता है।

व्याख्या: x undefined है, और 5 जोड़ने पर यह NaN होता है।

अंकगणित में Null

जब null को अंकगणितीय संचालन में उपयोग किया जाता है, तो इसे 0 के रूप में माना जाता है।

व्याख्या: y null है, इसे 0 के रूप में माना जाता है, इसलिए 0 + 5 बराबर 5 होता है।

स्ट्रिंग संचालन

स्ट्रिंग जोड़ने में Undefined

जब undefined को किसी स्ट्रिंग के साथ जोड़ते हैं, तो यह स्ट्रिंग "undefined" में परिवर्तित हो जाता है।

स्ट्रिंग जोड़ने में Null

जब null को किसी स्ट्रिंग के साथ जोड़ते हैं, तो यह स्ट्रिंग "null" में परिवर्तित हो जाता है।

सर्वोत्तम प्रथाएँ

  • Variables इनिशियलाइज़ करें: अनिच्छात्मक undefined मानों से बचने के लिए हमेशा Variables को इनिशियलाइज़ करें।
  • इच्छात्मक अनुपस्थिति के लिए Null का उपयोग करें: वेरिएबल्स को null असाइन करें जब आप जानबूझकर यह संकेत देना चाहते हैं कि उनमें कोई मान नहीं है।
  • संकेतिक Type Coercion से बचें: जब आप ऐसे संचालन कर रहे हों जो undefined या null को अन्य प्रकारों में संकेतिक रूप से परिवर्तित कर सकते हैं, तब सावधानी बरतें, जिससे अप्रत्याशित परिणाम हो सकते हैं।

कोड उदाहरण

आइए कुछ कोड उदाहरणों को देखें ताकि JavaScript में undefined और null की हमारी समझ को मजबूत किया जा सके।

टिप्पणियों के साथ नमूना कोड

कदम-दर-कदम व्याख्या

  1. Example 1: एक वेरिएबल a को इनिशियलाइज़ किए बिना घोषित करता है, जिसके परिणामस्वरूप undefined होता है।
  2. Example 2: एक function greet को परिभाषित करता है जो एक parameter name की अपेक्षा करता है। बिना किसी argument के greet() को कॉल करने पर undefined लॉग होता है।
  3. Example 3: वेरिएबल b को null के साथ इनिशियलाइज़ करता है, स्पष्ट रूप से कोई मान नहीं होने का संकेत देता है।
  4. Example 4: एक undefined वेरिएबल c में 10 जोड़ने का प्रयास करता है, जिसके परिणामस्वरूप NaN होता है।
  5. Example 5: एक null वेरिएबल d में 10 जोड़ता है, इसे 0 के रूप में माना जाता है, जिसके परिणामस्वरूप 10 होता है।
  6. Example 6: स्ट्रिंग "Value: " को एक undefined वेरिएबल e के साथ जोड़ता है, जिसके परिणामस्वरूप "Value: undefined" होता है।
  7. Example 7: स्ट्रिंग "Value: " को एक null वेरिएबल f के साथ जोड़ता है, जिसके परिणामस्वरूप "Value: null" होता है।

अपेक्षित आउटपुट्स

उपरोक्त कोड चलाने पर निम्नलिखित आउटपुट्स उत्पन्न होंगे:

निष्कर्ष

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

मुख्य निष्कर्ष

  • Undefined:
    • स्वचालित रूप से उन variables को असाइन किया जाता है जिन्हें घोषित किया गया है लेकिन इनिशियलाइज़ नहीं किया गया है।
    • अंकगणितीय संचालन में NaN और स्ट्रिंग जोड़ने में "undefined" का परिणाम होता है।
  • Null:
    • किसी भी ऑब्जेक्ट मान की जानबूझकर अनुपस्थिति को संकेत करने के लिए स्पष्ट रूप से असाइन किया गया है।
    • अंकगणितीय संचालन में 0 के रूप में माना जाता है और स्ट्रिंग जोड़ने में "null" का परिणाम होता है।

सर्वोत्तम प्रथाओं—जैसे वेरिएबल्स को इनिशियलाइज़ करना और जानबूझकर null का उपयोग करना—का पालन करके, आप वेरिएबल्स की स्थितियों को प्रभावी ढंग से प्रबंधित कर सकते हैं और undefined और null से जुड़ी सामान्य गलतियों से बच सकते हैं।

नोट: यह लेख AI द्वारा उत्पन्न किया गया है।





अतिरिक्त संसाधन

Share your love