Javascript Function

javascript function कोई बहुत बड़ी चीज़ नहीं होती है जो code आप लिखते है उसी codes के group को हम function बोलते है और ये function मतलब group of codes को हम program में कहीं भी use कर सकते है। इससे हमे कोड को बार बार नहीं लिखना पड़ता है। जैसे की मान लीजिये आप को दो value को sum करना है तो आप एक function बना लीजिये और इसी function को बार बार use करिये। नहीं समझ आया कोई बात नहीं आगे जब हम example देखेंगे तो आपको बहुत अच्छे से समझ में आ जायेगा।

Javascript में function दो types के होते है –

  1. Javascript built-in Functions -: ये ऐसे function होते है जो पहले से ही बने रहते है बस इनको call करना पड़ता है। जैसे की alert(), eval(), isNaN() etc और भी बहुत से functions है।
  2. User Define Functions -: ये function user के द्वारा बनाये जाते है इसका example नीचे दिया गया है

Also Read:
For Loop In JavaScript

JavaScript Function Syntax

function बनाने के लिए हम function keyword का use करते है उसके बाद function का नाम लिखते है और अगर जरुरत होती है तो parameter देते है। आप नीचे function बनाने का syantax देख सकते है।

function functionName(parameters){  
 //code to be executed  
}

JavaScript Function Example

<html>
<body>
<script>  
  function addNum(){  
   document.write(5+5)   
  }  
</script>  
<input type="button" onclick="addNum()" value="Add"/>  
</body>
</html>

ऊपर वाले code को देखिये इसमें adNum() का function बनाया गया है और button के onclick पे इस function को call किया गया है जब आप इसे run करेंगे तो ये 10 number print कर देगा आपके broswer पे तो इस तरह से हम function को बनाते है और call करते है।

Function with Parameters

मैंने आपको बताया था ऊपर की function में parameter optional होते है आप अगर जरुरत होती है तो parameters दे सकते है वरना कोई problem नहीं होती। तो अब हम लोग देखते है की parameter का use कैसे करते है अपने function में नीचे आप example देख सकते है

<script type="text/javascript">

function addNum(val1,val2) //val1,val2 is a parameter 
{
   document.write(val1+val2);
}

</script>
ऊपर जो example दिया गया है उसमे देखिये addNum() का function है और brackets के अंदर val1 और val2 दो parameters define किये गए है जो की इन दोनों को जोड़ कर आपको इसका sum print करके देंगे।

<html>
<head>
<title>JavaScript parameter function example </title>

<script type="text/javascript">
function addNum(val1,val2) //val1,val2 is a parameter 
{
   document.write(val1+val2);
}
</script>

</head>

<body>

<input type="button" onclick="addNum(10,5)" value="Add"/>  

</body>
</html>
ऊपर के program को अपने editor में लिखिए और run करिये आपके browser पे एक button दिखेगा आप जैसे ही उस button पे click करेंगे वैसे ही 15 print हो जायेगा तो ये कैसे हुआ ? आइये इस पूरे program को अच्छे से समझते है की आखिर ये हुआ कैसे ?

तो program में मैंने एक button के click event पे एक addNum() नाम के function को call किया है ( javascript में बहुत से events होते है आगे हम अलग अलग events के बारे में जानेंगे ) जो की 2 parameters ले रहा है उसमे हमने 10 और 5 दिया है जो की ऊपर script tag के अंदर लिखा हुआ function received करेगा और उन दोनों parameters को जोड़ कर हमे print करके देगा। तो इसे ही हम function with parameters बोलते है। अब अगर आपको किसी दो numbers का sum निकालना हो तो आपको बस function में value pass करनी है और वो अपना काम करके दे देगा आपको बार बार नहीं लिखना पड़ेगा। इससे आपका developer का time और मेहनत दोनों बचते है। आशा करता हूँ की आपको function के बारे में अच्छे से information मिल गई होगी। मिलते है आपको next tutorial में।

Abhishek Prajapati

Leave a Reply

Your email address will not be published. Required fields are marked *