JavaScript Functions in Hindi

JavaScript Functions

JavaScript में Function reusable code का एक block होता है, जिसे किसी particular task को perform करने के लिए बनाया जाता है। एक बार function define करने के बाद हम उसे program में जरूरत के अनुसार कई बार call कर सकते हैं।

Functions का सबसे बड़ा फायदा यह है कि हमें एक ही code को बार-बार लिखने की जरूरत नहीं पड़ती। इससे code छोटा, organized, readable और maintainable बनता है।

उदाहरण के लिए अगर किसी program में हमें कई बार दो numbers का sum निकालना है, तो हर जगह addition का code लिखने के बजाय हम एक function बना सकते हैं और अलग-अलग values के साथ उसे call कर सकते हैं।

Function का Basic Structure

JavaScript में सामान्य function बनाने के लिए function keyword का use किया जाता है। इसके बाद function का नाम, parentheses () और curly braces {} लिखे जाते हैं। Curly braces के अंदर वह code लिखा जाता है जिसे function call होने पर execute किया जाएगा।

function functionName() {
    // code to execute
}

Function के अंदर लिखे code को execute करने के लिए function को call करना पड़ता है।

Function Declaration

Function Declaration JavaScript में function बनाने का एक सामान्य तरीका है। इसमें function keyword के साथ function का नाम और उसके बाद parentheses लिखे जाते हैं।

Normal Function

इस example में greet() नाम का function बनाया गया है। Function के अंदर console.log() से एक message print किया गया है।

greet(); लिखकर function को call किया गया है। जब function call होगा, तभी उसके अंदर का code execute होगा।

Function को कई बार Call करना

एक function को केवल एक बार ही call करना जरूरी नहीं है। जरूरत के अनुसार हम उसे कई बार call कर सकते हैं।

ऊपर function को तीन बार call किया गया है, इसलिए message भी तीन बार print होगा। यही reusability functions की सबसे important feature है।

Function with Parameters

कई बार function को काम करने के लिए external data की जरूरत होती है। ऐसे cases में हम parameters का use करते हैं।

Function define करते समय parentheses के अंदर लिखे variables को parameters कहा जाता है। जब function को call करते समय actual values दी जाती हैं, तो उन values को arguments कहा जाता है।

उदाहरण के लिए:

इस example में name एक parameter है और "Deepanshu" एक argument है। Function call होने पर name में "Deepanshu" की value आ जाती है।

Multiple Parameters

एक function में एक से ज्यादा parameters भी बनाए जा सकते हैं। Parameters को comma , से अलग किया जाता है।

यहाँ a और b parameters हैं, जबकि 10 और 5 arguments हैं। Arguments उसी order में parameters को assign होते हैं जिस order में वे pass किए जाते हैं।

Parameter और Argument में Difference

Parameter	Argument
Function define करते समय लिखा जाता है।	Function call करते समय दिया जाता है।
यह function के input को represent करता है।	यह actual value होती है।
Example: a, b	Example: 10, 5

Return Statement

Function केवल value को console पर print करने के लिए ही नहीं होता। हम function से किसी value को वापस प्राप्त करने के लिए return statement का use कर सकते हैं।

return function का execution वहीं रोक देता है और specified value को function के बाहर वापस भेज देता है। Returned value को किसी variable में store करके आगे calculation या processing में use किया जा सकता है।

ऊपर add() function दो values का sum return करता है। Returned value को result variable में store किया गया है।

Return के बाद Code

जब function के अंदर return execute होता है, तो function का execution वहीं समाप्त हो जाता है। इसलिए return के बाद लिखा सामान्य code execute नहीं होता।

Default Parameters

JavaScript में हम parameters को default value भी दे सकते हैं। अगर function call करते समय उस parameter के लिए कोई argument नहीं दिया जाता, तो default value use होती है।

पहली बार function को बिना argument के call किया गया है, इसलिए name की value "Guest" होगी। दूसरी बार argument दिया गया है, इसलिए default value की जगह "Rahul" use होगा।

Function Expression

Function Expression में function को किसी variable में store किया जाता है। Function का नाम देना जरूरी नहीं होता, इसलिए इसे anonymous function के रूप में भी लिखा जा सकता है।

यहाँ function को sayHello variable में store किया गया है। बाद में sayHello() के द्वारा उस function को call किया गया है।

Arrow Function

ES6 के बाद JavaScript में Arrow Function introduce हुआ, जो functions को छोटा और concise syntax में लिखने की सुविधा देता है। Arrow function में => arrow operator का use किया जाता है।

Basic Arrow Function

ऊपर square एक arrow function है। यह number को parameter के रूप में लेता है और उसका square return करता है।

Short Arrow Function

अगर arrow function में केवल एक expression है और उसी expression का result return करना है, तो curly braces और return keyword को हटाया जा सकता है। इसे implicit return कहा जाता है।

अगर केवल एक parameter है, तो उसके आसपास के parentheses भी हटाए जा सकते हैं। इसलिए (n) => n * n * n को n => n * n * n लिखा जा सकता है।

Arrow Function with Multiple Parameters

जब arrow function में एक से ज्यादा parameters हों, तो parentheses रखना जरूरी होता है।

Functions के Important Points

• Function एक reusable block of code होता है।
• Function को execute करने के लिए सामान्यतः उसे call करना पड़ता है।
• Function Declaration में function keyword का use होता है।
• Parameters function के input को represent करते हैं।
• Function call करते समय दी गई actual values को arguments कहा जाता है।
• return statement function से value वापस भेज सकता है।
• Return execute होने के बाद उसी function का execution समाप्त हो जाता है।
• Default parameters function को default values देने की सुविधा देते हैं।
• Function Expression में function को variable में store किया जा सकता है।
• Arrow Function functions को concise syntax में लिखने का modern तरीका है।

Function के फायदे

• Code Reusability: एक ही code को कई बार use किया जा सकता है।
• Less Code Duplication: बार-बार same code लिखने की जरूरत कम होती है।
• Easy Maintenance: किसी task का logic एक जगह रखा जा सकता है।
• Better Organization: बड़े program को छोटे और manageable parts में divide किया जा सकता है।
• Easy Testing: अलग-अलग functions को independently test किया जा सकता है।
• Better Readability: meaningful function names code को समझना आसान बनाते हैं।

Function Declaration और Function Expression में Difference

Function Declaration	Function Expression
function keyword के साथ directly function declare किया जाता है।	Function को variable में assign किया जाता है।
Function का नाम normally दिया जाता है।	Anonymous function भी use किया जा सकता है।
Example: function add() {}	Example: let add = function() {}

Functions का Real-World Example

Real-world applications में functions का use calculation, form validation, login process, data processing, API response handling, button click events और कई दूसरे tasks के लिए किया जाता है।

उदाहरण के लिए किसी shopping website में total price calculate करने के लिए एक function बनाया जा सकता है।

इस example में calculateTotal() function दो parameters price और quantity लेता है। दोनों values को multiply करके total amount return किया जाता है। इससे अलग-अलग products के लिए इसी function को reuse किया जा सकता है।

Conclusion

JavaScript में Functions code को reusable और organized बनाने का एक important concept है। Function Declaration से लेकर Parameters, Arguments, Return Statement, Default Parameters, Function Expression और Arrow Functions तक, ये सभी concepts JavaScript programming में frequently use होते हैं।

अगर आप JavaScript में आगे DOM manipulation, events, arrays, objects या asynchronous programming सीखना चाहते हैं, तो functions की अच्छी understanding बहुत useful होगी क्योंकि JavaScript के बड़े applications में functions लगभग हर जगह use होते हैं।

---

---

---

---

---

---

Quizzes in Hindi

---

---

---