S06L05 – विधियाँ और फ़ंक्शन

html

JavaScript में Methods और Functions में महारत हासिल करना: एक व्यापक मार्गदर्शिका
सामग्री तालिका

परिचय .......................................................... 1
JavaScript में Functions को समझना ..... 3

Functions क्या हैं? .................................... 3
Arrow Functions बनाम Regular Functions ....................................................... 5
Functions को कॉल करना ........................................ 7


Methods में गहराई से जाना ............................................ 9

Methods क्या हैं? .......................................... 9
Functions और Methods के बीच अंतर ........................................................ 11


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

Functions बनाना और उपयोग करना ................... 13
Objects पर Methods लागू करना .................... 15


निष्कर्ष ............................................................... 17

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

Functions और Methods की परिभाषा और उद्देश्य।
Arrow Functions और Regular Functions के बीच अंतर।
Functions कैसे बनाएं और कॉल करें।
Methods को समझना और Objects पर उनका अनुप्रयोग।
व्यावहारिक उदाहरण विस्तृत व्याख्याओं और कोड स्निपेट्स के साथ।

इस eBook के अंत तक, आपके पास अपने JavaScript प्रोजेक्ट्स में Functions और Methods को प्रभावी ढंग से उपयोग करने की ठोस नींव होगी।
JavaScript में Functions को समझना
Functions क्या हैं?
Functions JavaScript में मूलभूत निर्माण खंडों में से एक हैं। ये पुन: प्रयोज्य कोड के ब्लॉक हैं जिनका उद्देश्य एक विशेष कार्य करना होता है। Functions आपके कोड को DRY (Don't Repeat Yourself) और संगठित रखने में मदद करते हैं।
Functions की मुख्य विशेषताएँ:

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

Function का बुनियादी सिंटैक्स:




		
		
			
			
Java
			
			function functionName(parameters) {
    // Function body
    return result;
}

			
				
					
				
					1
2
3
4
5
				
						function functionName(parameters) {
    // Function body
    return result;
}
 
					
				
			
		


Arrow Functions बनाम Regular Functions
JavaScript Functions को परिभाषित करने के दो मुख्य तरीके प्रदान करता है: Regular Functions और Arrow Functions। इनके बीच के अंतर को समझना कुशल और पठनीय कोड लिखने के लिए महत्वपूर्ण है।
Regular Functions
Regular Functions को function कीवर्ड का उपयोग करके परिभाषित किया जाता है।
उदाहरण:




		
		
			
			
Java
			
			function add(a, b) {
    return a + b;
}

			
				
					
				
					1
2
3
4
				
						function add(a, b) {
    return a + b;
}
 
					
				
			
		


विशेषताएँ:

Hoisting: इन्हें कोड में परिभाषित होने से पहले भी कॉल किया जा सकता है।
Context (this): डायनामिक, जिस प्रकार से Function को कॉल किया जाता है उसके आधार पर।

Arrow Functions
Arrow Functions अधिक संक्षिप्त सिंटैक्स प्रदान करते हैं और Regular Functions की तुलना में विभिन्न व्यवहार रखते हैं।
उदाहरण:




		
		
			
			
Java
			
			const add = (a, b) => {
    return a + b;
};

			
				
					
				
					1
2
3
4
				
						const add = (a, b) => {
    return a + b;
};
 
					
				
			
		


विशेषताएँ:

No Hoisting: इन्हें परिभाषित होने से पहले कॉल नहीं किया जा सकता।
Lexical this: आसपास के स्कोप से this को विरासत में लेते हैं।

तुलना तालिका: Arrow Functions बनाम Regular Functions


विशेषता
Regular Functions
Arrow Functions


सिंटैक्स
function functionName() {}
const functionName = () => {}


Hoisting
हाँ
नहीं


this Context
डायनामिक
Lexical (विरासत)


Constructor Usage
Constructors के रूप में उपयोग किया जा सकता है
Constructors के रूप में उपयोग नहीं किया जा सकता


arguments ऑब्जेक्ट
उपलब्ध
उपलब्ध नहीं


संक्षिप्तता
अधिक विस्तृत
अधिक संक्षिप्त


Functions को कॉल करना
Functions को कॉल करना इसका नाम देकर और आवश्यक आर्गुमेंट्स पास करके होता है।
उदाहरण:




		
		
			
			
Java
			
			function greet(name) {
    return `Hello, ${name}!`;
}

console.log(greet('Alice')); // Output: Hello, Alice!

			
				
					
				
					1
2
3
4
5
6
				
						function greet(name) {
    return `Hello, ${name}!`;
}
 
console.log(greet('Alice')); // Output: Hello, Alice!
 
					
				
			
		


Functions को सीधे कॉल करना:
आप Functions को सीधे अन्य Functions या Methods के भीतर कॉल कर सकते हैं।
उदाहरण:




		
		
			
			
Java
			
			function multiply(a, b) {
    return a * b;
}

console.log(multiply(10, 35)); // Output: 350

			
				
					
				
					1
2
3
4
5
6
				
						function multiply(a, b) {
    return a * b;
}
 
console.log(multiply(10, 35)); // Output: 350
 
					
				
			
		


Methods में गहराई से जाना
Methods क्या हैं?
Methods वे Functions हैं जो Objects के साथ जुड़ी हुई होती हैं। ये उन Actions का प्रतिनिधित्व करती हैं जिन्हें उस Object पर किया जा सकता है जिससे वे संबंधित हैं।
उदाहरण:




		
		
			
			
Java
			
			const user = {
    name: 'John Doe',
    greet: function() {
        return `Hello, ${this.name}!`;
    }
};

console.log(user.greet()); // Output: Hello, John Doe!

			
				
					
				
					1
2
3
4
5
6
7
8
9
				
						const user = {
    name: 'John Doe',
    greet: function() {
        return `Hello, ${this.name}!`;
    }
};
 
console.log(user.greet()); // Output: Hello, John Doe!
 
					
				
			
		


Functions और Methods के बीच अंतर
जबकि दोनों Functions और Methods कोड के ब्लॉक हैं जो विशिष्ट कार्य करने के लिए डिज़ाइन किए गए हैं, मुख्य अंतर उनके एसोसिएशन और Invocation में है।


पहलू
Function
Method


एसोसिएशन
Standalone, किसी Object से बाउंड नहीं
किसी Object से संबंधित


Invocation
नाम से सीधे कॉल किया जाता है
Object पर डॉट नोटेशन का उपयोग करके कॉल किया जाता है


Context (this)
Function को कॉल करने के तरीके पर निर्भर करता है
आमतौर पर उस Object को संदर्भित करता है जिससे Method संबंधित है


उपयोग का मामला
सामान्य-उद्देश्य के कार्य
उस Object के लिए विशिष्ट संचालन जिन्हें वे संबंधित हैं


Method बनाम Function का उदाहरण:




		
		
			
			
Java
			
			// Function
function add(a, b) {
    return a + b;
}

// Method
const calculator = {
    add: function(a, b) {
        return a + b;
    }
};

console.log(add(5, 10)); // Function call
console.log(calculator.add(5, 10)); // Method call

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
				
						// Function
function add(a, b) {
    return a + b;
}
 
// Method
const calculator = {
    add: function(a, b) {
        return a + b;
    }
};
 
console.log(add(5, 10)); // Function call
console.log(calculator.add(5, 10)); // Method call
 
					
				
			
		


व्यावहारिक उदाहरण
Functions बनाना और उपयोग करना
आइए JavaScript में Arrow Functions और Regular Functions दोनों को कैसे बनाएं और उपयोग करें, इसका अन्वेषण करते हैं।
Arrow Function उदाहरण




		
		
			
			
Java
			
			// Arrow Function
const add = (a, b) =&gt; {
    return a + b;
};

// Using the arrow function
console.log(add(10, 35)); // Output: 45

			
				
					
				
					1
2
3
4
5
6
7
8
				
						// Arrow Function
const add = (a, b) =&gt; {
    return a + b;
};
 
// Using the arrow function
console.log(add(10, 35)); // Output: 45
 
					
				
			
		


व्याख्या:

परिभाषा: add Function को Arrow Function सिंटैक्स का उपयोग करके परिभाषित किया गया है, जो दो पैरामीटर a और b लेता है।
Return Statement: यह a और b का योग लौटाता है।
Invocation: Function को आर्गुमेंट्स 10 और 35 के साथ कॉल किया जाता है, और परिणाम कंसोल में लॉग किया जाता है।

Regular Function में रूपांतरण
आप ऊपर के Arrow Function को नीचे दिखाए अनुसार Regular Function में बदल सकते हैं:




		
		
			
			
Java
			
			// Regular Function
function add(a, b) {
    return a + b;
}

// Using the regular function
console.log(add(10, 35)); // Output: 45

			
				
					
				
					1
2
3
4
5
6
7
8
				
						// Regular Function
function add(a, b) {
    return a + b;
}
 
// Using the regular function
console.log(add(10, 35)); // Output: 45
 
					
				
			
		


मुख्य बदलाव:

Arrow सिंटैक्स को function कीवर्ड से बदला।
const घोषणा को हटा दिया।

Objects पर Methods लागू करना
Methods आपको Objects के भीतर संक्षिप्तित डेटा पर संचालन करने की अनुमति देते हैं। आइए एक उदाहरण देखते हैं जिसमें String Manipulation का उपयोग किया गया है।




		
		
			
			
Java
			
			const name = 'alice';

// Using the toUpperCase method on the string object
const upperName = name.toUpperCase();

console.log(upperName); // Output: ALICE

			
				
					
				
					1
2
3
4
5
6
7
				
						const name = 'alice';
 
// Using the toUpperCase method on the string object
const upperName = name.toUpperCase();
 
console.log(upperName); // Output: ALICE
 
					
				
			
		


व्याख्या:

String Object: name एक string primitive है। JavaScript में, जब Methods को string primitives पर कॉल किया जाता है, तो उन्हें स्वचालित रूप से String Objects के साथ लपेटा जाता है।
Method Invocation: toUpperCase Method को name पर कॉल किया जाता है, जिससे यह upper case में बदल जाता है।
Result: uppercase संस्करण को string को upperName में स्टोर किया जाता है और कंसोल में लॉग किया जाता है।

Step-by-Step Code Breakdown




		
		
			
			
Java
			
			const name = 'alice'; // एक string वेरिएबल को परिभाषित करें

const upperName = name.toUpperCase(); 
// 'name' string पर toUpperCase Method को कॉल करें
// Method uppercase में नया string लौटाता है और उसे 'upperName' में असाइन करता है

console.log(upperName); // परिणाम को आउटपुट करें: ALICE

			
				
					
				
					1
2
3
4
5
6
7
8
				
						const name = 'alice'; // एक string वेरिएबल को परिभाषित करें
 
const upperName = name.toUpperCase(); 
// 'name' string पर toUpperCase Method को कॉल करें
// Method uppercase में नया string लौटाता है और उसे 'upperName' में असाइन करता है
 
console.log(upperName); // परिणाम को आउटपुट करें: ALICE
 
					
				
			
		


Functions और Methods को मिलाना
आइए एक ही उदाहरण में Functions और Methods दोनों को मिलाकर देखते हैं कि वे कैसे इंटरैक्ट करते हैं।




		
		
			
			
Java
			
			// Function to concatenate two strings
function concatenate(a, b) {
    return a + b;
}

// Method to convert the concatenated string to uppercase
const result = concatenate('hello, ', 'world').toUpperCase();

console.log(result); // Output: HELLO, WORLD

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
				
						// Function to concatenate two strings
function concatenate(a, b) {
    return a + b;
}
 
// Method to convert the concatenated string to uppercase
const result = concatenate('hello, ', 'world').toUpperCase();
 
console.log(result); // Output: HELLO, WORLD
 
					
				
			
		


व्याख्या:

Function Definition: concatenate Function दो strings लेता है और उनका concatenation लौटाता है।
Function Call & Method Invocation: Function को 'hello, ' और 'world' के साथ कॉल किया जाता है, और resulting string को तुरंत toUpperCase Method में पास किया जाता है।
Result: अंतिम uppercase string 'HELLO, WORLD' कंसोल में लॉग की जाती है।

निष्कर्ष
इस व्यापक मार्गदर्शिका में, हमने JavaScript में Functions और Methods की मौलिक अवधारणाओं का अन्वेषण किया है। Standalone Functions और Object-संबंधित Methods के बीच अंतर को समझना साफ, कुशल, और रखरखाव योग्य कोड लिखने के लिए महत्वपूर्ण है।
मुख्य बिंदु:

Functions पुन: प्रयोज्य कोड के ब्लॉक हैं जो विशिष्ट कार्य करते हैं और इन्हें Regular या Arrow सिंटैक्स का उपयोग करके परिभाषित किया जा सकता है।
Methods Functions हैं जो Objects से संबंधित होते हैं, जिससे आप Object के डेटा पर संचालन कर सकते हैं।
Arrow Functions अधिक संक्षिप्त सिंटैक्स प्रदान करते हैं और उनका lexical this binding होता है, जिससे वे कुछ परिस्थितियों के लिए उपयुक्त होते हैं।
Regular Functions this context के साथ अधिक लचीलापन प्रदान करते हैं और इन्हें constructors के रूप में उपयोग किया जा सकता है।

इन अवधारणाओं में महारत हासिल करके, आप अपने JavaScript प्रोग्रामिंग कौशल को बढ़ा सकते हैं, जिससे अधिक मजबूत और स्केलेबल एप्लिकेशन विकसित करने में मदद मिलती है।
Note: यह लेख AI द्वारा उत्पन्न किया गया है।
विशेषता	Regular Functions	Arrow Functions
सिंटैक्स	`function functionName() {}`	`const functionName = () => {}`
Hoisting	हाँ	नहीं
this Context	डायनामिक	Lexical (विरासत)
Constructor Usage	Constructors के रूप में उपयोग किया जा सकता है	Constructors के रूप में उपयोग नहीं किया जा सकता
`arguments` ऑब्जेक्ट	उपलब्ध	उपलब्ध नहीं
संक्षिप्तता	अधिक विस्तृत	अधिक संक्षिप्त
पहलू	Function	Method
एसोसिएशन	Standalone, किसी Object से बाउंड नहीं	किसी Object से संबंधित
Invocation	नाम से सीधे कॉल किया जाता है	Object पर डॉट नोटेशन का उपयोग करके कॉल किया जाता है
Context (this)	Function को कॉल करने के तरीके पर निर्भर करता है	आमतौर पर उस Object को संदर्भित करता है जिससे Method संबंधित है
उपयोग का मामला	सामान्य-उद्देश्य के कार्य	उस Object के लिए विशिष्ट संचालन जिन्हें वे संबंधित हैं