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

html

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

परिचय - पृष्ठ 1

    JavaScript में Undefined - पृष्ठ 3

Undefined क्या है?
Undefined के सामान्य परिदृश्य
व्यावहारिक उदाहरण



    JavaScript में Null - पृष्ठ 7

Null क्या है?
Null के सामान्य परिदृश्य
व्यावहारिक उदाहरण



    Undefined और Null की तुलना - पृष्ठ 11

मुख्य अंतर
उपयोग के मामले
सारांश तालिका



    Undefined और Null को संशोधित करना - पृष्ठ 15

अंकगणितीय संचालन
स्ट्रिंग संचालन
सर्वोत्तम प्रथाएँ



    कोड उदाहरण - पृष्ठ 19

टिप्पणियों के साथ नमूना कोड
कदम-दर-कदम व्याख्या
अपेक्षित आउटपुट्स


निष्कर्ष - पृष्ठ 25
अतिरिक्त संसाधन - पृष्ठ 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 होता है।




		
		
			
			
Java
			
			let x;
console.log(x); // Output: undefined

			
				
					
				
					1
2
3
				
						let x;
console.log(x); // Output: undefined
 
					
				
			
		


Function Parameters: यदि कोई function उन parameters की अपेक्षा करता है जो invocation के दौरान प्रदान नहीं किए जाते, तो उन parameters का मान undefined होता है।




		
		
			
			
Java
			
			function greet(name) {
    console.log("Hello, " + name);
}

greet(); // Output: Hello, undefined

			
				
					
				
					1
2
3
4
5
6
				
						function greet(name) {
    console.log("Hello, " + name);
}
 
greet(); // Output: Hello, undefined
 
					
				
			
		


Missing Object Properties: किसी वस्तु की गैर-मौजूद संपत्ति तक पहुंचने पर undefined लौटता है।




		
		
			
			
Java
			
			const person = { name: "Alice" };
console.log(person.age); // Output: undefined

			
				
					
				
					1
2
3
				
						const person = { name: "Alice" };
console.log(person.age); // Output: undefined
 
					
				
			
		



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




		
		
			
			
Java
			
			let a;
console.log(a); // Output: undefined

			
				
					
				
					1
2
3
				
						let a;
console.log(a); // Output: undefined
 
					
				
			
		


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




		
		
			
			
Java
			
			function add(b) {
    return b + 10;
}

console.log(add()); // Output: NaN

			
				
					
				
					1
2
3
4
5
6
				
						function add(b) {
    return b + 10;
}
 
console.log(add()); // Output: NaN
 
					
				
			
		


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




		
		
			
			
Java
			
			const car = { brand: "Toyota" };
console.log(car.model); // Output: undefined

			
				
					
				
					1
2
3
				
						const car = { brand: "Toyota" };
console.log(car.model); // Output: undefined
 
					
				
			
		


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

Initializing Variables: जब आप स्पष्ट रूप से संकेत करना चाहते हैं कि एक वेरिएबल में प्रारंभ में कोई मान नहीं होना चाहिए।




		
		
			
			
Java
			
			let user = null;

			
				
					
				
					1
2
				
						let user = null;
 
					
				
			
		


Function Returns: Function null वापस कर सकते हैं यह संकेत देने के लिए कि कोई मान अनुपस्थित है।




		
		
			
			
Java
			
			function findUser(id) {
    // Suppose the user is not found
    return null;
}

			
				
					
				
					1
2
3
4
5
				
						function findUser(id) {
    // Suppose the user is not found
    return null;
}
 
					
				
			
		


Object Properties: वस्तु की संपत्तियों को साफ करने के लिए उन्हें null पर सेट करना।




		
		
			
			
Java
			
			const order = { item: "Book", quantity: 3 };
order.quantity = null;

			
				
					
				
					1
2
3
				
						const order = { item: "Book", quantity: 3 };
order.quantity = null;
 
					
				
			
		



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




		
		
			
			
Java
			
			let user = null;
console.log(user); // Output: null

			
				
					
				
					1
2
3
				
						let user = null;
console.log(user); // Output: null
 
					
				
			
		


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




		
		
			
			
Java
			
			const order = { item: "Book", quantity: 3 };
order.quantity = null;
console.log(order.quantity); // Output: null

			
				
					
				
					1
2
3
4
				
						const order = { item: "Book", quantity: 3 };
order.quantity = null;
console.log(order.quantity); // Output: null
 
					
				
			
		


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




		
		
			
			
Java
			
			function findProduct(id) {
    // Product not found
    return null;
}

const product = findProduct(123);
console.log(product); // Output: null

			
				
					
				
					1
2
3
4
5
6
7
8
				
						function findProduct(id) {
    // Product not found
    return null;
}
 
const product = findProduct(123);
console.log(product); // Output: 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) का परिणाम देता है।




		
		
			
			
Java
			
			let x;
console.log(x + 5); // Output: NaN

			
				
					
				
					1
2
3
				
						let x;
console.log(x + 5); // Output: NaN
 
					
				
			
		


व्याख्या: x undefined है, और 5 जोड़ने पर यह NaN होता है।
अंकगणित में Null
जब null को अंकगणितीय संचालन में उपयोग किया जाता है, तो इसे 0 के रूप में माना जाता है।




		
		
			
			
Java
			
			let y = null;
console.log(y + 5); // Output: 5

			
				
					
				
					1
2
3
				
						let y = null;
console.log(y + 5); // Output: 5
 
					
				
			
		


व्याख्या: y null है, इसे 0 के रूप में माना जाता है, इसलिए 0 + 5 बराबर 5 होता है।
स्ट्रिंग संचालन
स्ट्रिंग जोड़ने में Undefined
जब undefined को किसी स्ट्रिंग के साथ जोड़ते हैं, तो यह स्ट्रिंग "undefined" में परिवर्तित हो जाता है।




		
		
			
			
Java
			
			let x;
console.log("Value: " + x); // Output: Value: undefined

			
				
					
				
					1
2
3
				
						let x;
console.log("Value: " + x); // Output: Value: undefined
 
					
				
			
		


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




		
		
			
			
Java
			
			let y = null;
console.log("Value: " + y); // Output: Value: null

			
				
					
				
					1
2
3
				
						let y = null;
console.log("Value: " + y); // Output: Value: null
 
					
				
			
		


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

Variables इनिशियलाइज़ करें: अनिच्छात्मक undefined मानों से बचने के लिए हमेशा Variables को इनिशियलाइज़ करें।




		
		
			
			
Java
			
			let score = 0; // Instead of let score;

			
				
					
				
					1
2
				
						let score = 0; // Instead of let score;
 
					
				
			
		


इच्छात्मक अनुपस्थिति के लिए Null का उपयोग करें: वेरिएबल्स को null असाइन करें जब आप जानबूझकर यह संकेत देना चाहते हैं कि उनमें कोई मान नहीं है।




		
		
			
			
Java
			
			let user = null;

			
				
					
				
					1
2
				
						let user = null;
 
					
				
			
		


संकेतिक Type Coercion से बचें: जब आप ऐसे संचालन कर रहे हों जो undefined या null को अन्य प्रकारों में संकेतिक रूप से परिवर्तित कर सकते हैं, तब सावधानी बरतें, जिससे अप्रत्याशित परिणाम हो सकते हैं।

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




		
		
			
			
Java
			
			// Example 1: Undefined Variable
let a;
console.log("Example 1:", a); // Output: undefined

// Example 2: Function Parameter Undefined
function greet(name) {
    console.log("Hello, " + name);
}
greet(); // Output: Hello, undefined

// Example 3: Null Assignment
let b = null;
console.log("Example 3:", b); // Output: null

// Example 4: Arithmetic with Undefined
let c;
console.log("Example 4:", c + 10); // Output: NaN

// Example 5: Arithmetic with Null
let d = null;
console.log("Example 5:", d + 10); // Output: 10

// Example 6: String Concatenation with Undefined
let e;
console.log("Example 6:", "Value: " + e); // Output: Value: undefined

// Example 7: String Concatenation with Null
let f = null;
console.log("Example 7:", "Value: " + f); // Output: Value: null

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
				
						// Example 1: Undefined Variable
let a;
console.log("Example 1:", a); // Output: undefined
 
// Example 2: Function Parameter Undefined
function greet(name) {
    console.log("Hello, " + name);
}
greet(); // Output: Hello, undefined
 
// Example 3: Null Assignment
let b = null;
console.log("Example 3:", b); // Output: null
 
// Example 4: Arithmetic with Undefined
let c;
console.log("Example 4:", c + 10); // Output: NaN
 
// Example 5: Arithmetic with Null
let d = null;
console.log("Example 5:", d + 10); // Output: 10
 
// Example 6: String Concatenation with Undefined
let e;
console.log("Example 6:", "Value: " + e); // Output: Value: undefined
 
// Example 7: String Concatenation with Null
let f = null;
console.log("Example 7:", "Value: " + f); // Output: Value: null
 
					
				
			
		


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

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

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




		
		
			
			
Java
			
			Example 1: undefined
Hello, undefined
Example 3: null
Example 4: NaN
Example 5: 10
Example 6: Value: undefined
Example 7: Value: null

			
				
					
				
					1
2
3
4
5
6
7
8
				
						Example 1: undefined
Hello, undefined
Example 3: null
Example 4: NaN
Example 5: 10
Example 6: Value: undefined
Example 7: Value: null
 
					
				
			
		


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

Undefined:

स्वचालित रूप से उन variables को असाइन किया जाता है जिन्हें घोषित किया गया है लेकिन इनिशियलाइज़ नहीं किया गया है।
अंकगणितीय संचालन में NaN और स्ट्रिंग जोड़ने में "undefined" का परिणाम होता है।


Null:

किसी भी ऑब्जेक्ट मान की जानबूझकर अनुपस्थिति को संकेत करने के लिए स्पष्ट रूप से असाइन किया गया है।
अंकगणितीय संचालन में 0 के रूप में माना जाता है और स्ट्रिंग जोड़ने में "null" का परिणाम होता है।



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









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

MDN Web Docs: undefined
MDN Web Docs: null
JavaScript.info: डेटा प्रकार
Eloquent JavaScript: डेटा संरचनाओं पर अध्याय
JavaScript Variables पर गाइड
विशेषता	undefined	null
प्रकार	undefined स्वयं में एक प्रकार है	object
असाइनमेंट	स्वचालित रूप से असाइन किया गया	स्पष्ट रूप से असाइन किया गया
उपयोग का मामला	घोषित किए गए वेरिएबल्स लेकिन इनिशियलाइज़ नहीं किए गए	जानबूझकर साफ़ किया गया या खाली वेरिएबल
अंकगणित	गणनाओं में उपयोग करने पर NaN के परिणाम	संख्यात्मक संचालन में 0 के रूप में व्यवहार किया गया
स्ट्रिंग जोड़ना	जोड़ने पर "undefined" परिणाम	जोड़ने पर "null" परिणाम
पक्ष	Undefined	Null
डिफ़ॉल्ट मान	हाँ	नहीं
स्पष्ट असाइनमेंट	नहीं	हाँ
संख्यात्मक संचालन	NaN का कारण बनता है	0 के रूप में व्यवहार किया गया
स्ट्रिंग संचालन	"undefined"	"null"
प्रकार	undefined	object
उपयोग अभिप्राय	अनिच्छात्मक अनुपस्थिति	इच्छात्मक अनुपस्थिति