जावास्क्रिप्ट फंक्शन क्या है? – Function In Javascript In Hindi

JavaScript Function क्या है? – Function In Javascript In Hindi

JavaScript में Function एक ऐसा ब्लॉक होता है जिसमें हम किसी खास काम के लिए कोड लिखते हैं।
इस कोड को बार-बार लिखने की बजाय, हम उसे एक जगह Function के अंदर रख देते हैं और जब भी उस काम की ज़रूरत होती है, हम बस उस Function को “call” कर लेते हैं।

सीधे शब्दों में कहें तो —
Function हमारे प्रोग्राम का वो हिस्सा होता है जो किसी specific task को करने के लिए बनाया जाता है और जिसे हम बार-बार इस्तेमाल कर सकते हैं।

उदाहरण के लिए सोचो, अगर तुम्हें अपने प्रोग्राम में कई बार “Hello Aditya” print करवाना है,
तो हर बार वही console.log("Hello Aditya") लिखने की ज़रूरत नहीं।
तुम एक बार function बना लो, और जब भी ज़रूरत हो, बस उसे call करो।

function greet() {
  console.log("Hello Aditya!");
}

greet(); // Function call

ऊपर दिए गए कोड में —

  • function keyword बताता है कि हम एक नया function बना रहे हैं।
  • greet हमारा function का नाम है।
  • { } के अंदर वो कोड है जो हर बार function call करने पर चलेगा।
  • greet(); line function को call करती है।

इस तरह function हमारे कोड को छोटा, साफ और दोबारा इस्तेमाल करने योग्य (reusable) बनाता है।
ये JavaScript की सबसे ज़रूरी concepts में से एक है, क्योंकि आगे चलकर जब हम बड़े programs या websites बनाएंगे, तो functions की मदद से code को manage करना बहुत आसान हो जाता है।


JavaScript Function क्यों ज़रूरी है?

जब भी हम किसी प्रोग्राम या वेबसाइट का कोड लिखते हैं, तो कई बार हमें एक ही काम को बार-बार करना पड़ता है।
अगर हम वही कोड बार-बार लिखेंगे, तो प्रोग्राम लंबा, उलझा हुआ और समझने में मुश्किल हो जाएगा।
यहीं पर Function हमारी मदद करता है।

Function का सबसे बड़ा फायदा यह है कि यह कोड को दोबारा इस्तेमाल (reuse) करने की सुविधा देता है।
एक बार अगर आपने कोई function बना लिया, तो उस काम को हर जगह करने के लिए बस उसका नाम लिखकर call करना होता है।

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

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

greet("Aditya");
greet("Rahul");

ऊपर दिए गए कोड में हमने एक बार greet() नाम का function बनाया है।
अब जब भी हमें किसी व्यक्ति को greet करना है, तो सिर्फ function को call करना होता है।
इससे कोड छोटा, साफ और पढ़ने में आसान बन जाता है।

Functions के कुछ और मुख्य फायदे:

  1. Code Reusability (दोबारा इस्तेमाल) – एक बार लिखा हुआ function बार-बार use किया जा सकता है।
  2. Modularity (टुकड़ों में कोड लिखना) – बड़े प्रोग्राम को छोटे-छोटे भागों में बाँटा जा सकता है।
  3. Readability (समझने में आसान) – हर function का नाम उसके काम को साफ बताता है।
  4. Debugging आसान होती है – अगर गलती हो जाए तो सिर्फ उसी function में सुधार करना होता है।
  5. Maintain करना आसान – कोड का structure clear रहता है और भविष्य में बदलाव करना आसान होता है।

साधारण शब्दों में —
Function हमारे कोड को संगठित (organized) और समझने योग्य बनाता है।
इसी वजह से हर modern JavaScript program या web project में functions का उपयोग ज़रूर किया जाता है।


JavaScript Function के Types – Types Of Function In Javascript In Hindi

JavaScript में कई तरह के functions होते हैं, जो अलग-अलग situations में काम आते हैं।
हर function का उद्देश्य एक ही होता है — कोड को आसान, छोटा और दोबारा इस्तेमाल करने योग्य (reusable) बनाना।
लेकिन उनका लिखने का तरीका और इस्तेमाल थोड़ा अलग होता है।
आइए एक-एक करके समझते हैं कि JavaScript में कितने प्रकार के functions होते हैं।


1. Predefined Functions (Built-in Functions)

ये वो functions हैं जो JavaScript में पहले से बने होते हैं।
हमें इन्हें सिर्फ call करना होता है, ये अपना काम खुद करते हैं।

उदाहरण:

alert("Welcome to ProgrammingSikho!");
let number = parseInt("20");
let name = prompt("Enter your name:");

ऊपर दिए गए सभी functions JavaScript में पहले से मौजूद हैं।

  • alert() – message box दिखाने के लिए
  • parseInt() – string को number में बदलने के लिए
  • prompt() – user से input लेने के लिए

इन predefined functions की वजह से हमें basic कामों के लिए खुद logic नहीं लिखना पड़ता।


2. User Defined Functions

ये वो functions होते हैं जो हम खुद बनाते हैं किसी विशेष काम के लिए।
जब हमें बार-बार एक ही काम करना हो, तो हम खुद का function बना लेते हैं।

उदाहरण:

function showMessage() {
  console.log("Hello, Welcome to ProgrammingSikho!");
}
showMessage(); // function call

ऊपर कोड में हमने showMessage() नाम का function बनाया है जो एक simple message print करता है।
इसे जब चाहें, जितनी बार चाहें, call किया जा सकता है।


3. Anonymous Functions

Anonymous का मतलब होता है बिना नाम वाला function
ऐसे functions का कोई नाम नहीं होता और इन्हें हम किसी variable में store करते हैं या direct use करते हैं।

उदाहरण:

let greet = function() {
  console.log("Hello Aditya!");
};
greet();

यहाँ function का कोई नाम नहीं है, लेकिन हमने इसे greet नाम के variable में store कर लिया है और बाद में call कर सकते हैं।


4. Arrow Functions

ES6 के बाद JavaScript में arrow function जोड़े गए जो functions को लिखने का modern और छोटा तरीका है।

उदाहरण:

const greet = () => {
  console.log("Hello from Arrow Function!");
};
greet();

Arrow functions का फायदा यह है कि ये कोड को छोटा और readable बनाते हैं,
लेकिन कुछ cases में (जैसे this keyword वाले) normal function ज़्यादा सही रहते हैं।


5. Callback Functions

Callback function वो होता है जिसे किसी दूसरे function के अंदर argument के रूप में pass किया जाता है, ताकि वो बाद में execute हो सके।

उदाहरण:

function display(result) {
  console.log(result);
}

function add(a, b, callback) {
  let sum = a + b;
  callback(sum);
}

add(5, 10, display);

यहाँ display function को callback के रूप में pass किया गया है,
जो add() function के काम पूरा होने के बाद result दिखाता है।

JavaScript में functions कई तरह के होते हैं — कुछ पहले से बने हुए (predefined), कुछ हम खुद बनाते हैं (user defined), और कुछ modern तरीके (arrow, anonymous, callback)।
इन सभी का मकसद एक ही है — कोड को आसान, साफ और reusable बनाना।


JavaScript Function का Syntax और Example

JavaScript में किसी भी function को बनाने के लिए एक निश्चित structure या syntax follow किया जाता है। Syntax समझने से हमें यह पता चलता है कि function कैसे लिखा और call किया जाता है।

Function का Basic Syntax:

function functionName(parameters) {
  // यहाँ वो code लिखा जाता है जो function चलने पर execute होगा
}

अब इस syntax को समझते हैं:

  • function – यह keyword बताता है कि हम एक function बना रहे हैं।
  • functionName – function का नाम होता है। हम कोई भी meaningful नाम दे सकते हैं, जैसे sum, displayMessage आदि।
  • parameters – यह optional values होती हैं, जिन्हें function में input के रूप में भेजा जाता है।
  • { } (Curly Braces) – इनके अंदर वो code होता है जो function चलने पर execute होता है।

Example: Simple Function Program

function addNumbers(a, b) {
  let sum = a + b;
  console.log("दोनों संख्याओं का योग है: " + sum);
}

addNumbers(5, 10);

ऊपर दिए गए example में:

  1. हमने addNumbers नाम का function बनाया है।
  2. इस function में दो parameters हैं – a और b
  3. function के अंदर दोनों संख्याओं का योग निकाला गया है।
  4. आखिर में हमने function को call किया है: addNumbers(5, 10)
    इससे output आएगा: दोनों संख्याओं का योग है: 15

Function को Call कैसे करते हैं?

किसी function को चलाने (execute करने) के लिए उसका नाम लिखकर () के साथ call किया जाता है।
जैसे:

functionName();

अगर function parameters लेता है, तो हम () के अंदर values पास करते हैं, जैसे:

functionName(value1, value2);
  1. Function का नाम हमेशा meaningful रखना चाहिए।
  2. Function को call किए बिना वो execute नहीं होता।
  3. Parameters optional होते हैं।
  4. Function के अंदर का कोड केवल तभी चलता है जब उसे call किया जाए।

इसे भी पढ़े –


Conclusion (निष्कर्ष )

JavaScript में function एक बहुत ही ज़रूरी हिस्सा है जो हमारे कोड को साफ, छोटा और समझने में आसान बनाता है।
Function की मदद से हम किसी काम को बार-बार लिखने की जगह सिर्फ एक बार define करते हैं और ज़रूरत पड़ने पर उसे call कर लेते हैं।

इससे न केवल समय बचता है बल्कि कोड maintain करना भी आसान हो जाता है।
चाहे आप beginner हों या advanced developer, function की समझ के बिना JavaScript पूरी तरह से सीखना संभव नहीं है।

इस लेख में आपने सीखा —

  • Function क्या होता है और क्यों ज़रूरी है
  • Function के मुख्य प्रकार कौन-कौन से हैं
  • Function का syntax और उसका example

अब जब भी आप JavaScript कोड लिखें, कोशिश करें कि हर repetitive काम के लिए function का उपयोग करें।
यही तरीका आपको एक बेहतर और professional JavaScript developer बनने में मदद करेगा।

Written by: Aditya (Programming Sikho)

Spread the love

Leave a Comment