C Function ये statements का एक समूह होता है | Function को script में कहा पर भी लिखा जाता है | जहाँ पर Function की जरुरत होती है वहाँ पर Function call किया जाता है |
Function के फायदे :
- Function में लिखा हुआ code बार-बार लिखना नहीं पड़ता |
- Function Programmer का समय और script की space बचाता है |
- बड़े script को छोटे-छोटे function में विभाजित किया जा सकता है |
- अगर script में कहा पर error आ जाए तो उसे आसानी से निकाला जा सकता है |
- जहाँ पर जरुरत हो वहाँ पर एक ही function को बार-बार call किया जा सकता है |
Function कैसा होता है ?
Function का एक विशिष्ट नाम होता है | Function की शुरुआत में उसका नाम बाद में दो parethesis () और function के statements दो curly braces {} होते है |
Function Definition
Function को इस्तेमाल करने से पहले उसकी definition लिखी जाती है | Javascript में अगर Function को create करना हो तो 'function' keyword का इस्तेमाल किया जाता है |
Syntax for Function Definition Javascript
function function_name(paramters_list){
statement(s);
}
यहाँ पर function को create करने के लिए 3 चीजे महत्वपूर्ण होती है |
function_name : function को create करने के लिए 'function' keyword का इस्तेमाल किया जाता है | Function का नाम कोई Javascript का keyword नहीं हो सकता | Function का नाम statement से सम्बंधित हो तो अच्छा रहता है |
paramters_list : Function without parameter(s) के भी हो सकते है | चाहे तो function को parameter(s) भी pass किये जाते है |ये parameter(s) function_name के बाद parenthesis() के अन्दर लिखे जाते है |
statement(s) : जो statements बार-बार इस्तेमाल होनेवाले है वो statements यहाँ पर लिखे जाते है |
Example for Function Definition
यहाँ पर function का नाम 'func' है | यहाँ पर कोई parameter pass नहीं किया गया और वहा पर curly braces({}) में statement दिया गया है | जबतक उसे call नहीं किया जाता तब तक उसकी definition invoke नहीं होती |
function func(){
document.write("Hello");
}
Function Calling
script में कहा भी function को call किया जाता है | सिर्फ function defined होना जरुरी है |
Source Code :
<script type="text/javascript">
function func(){ //function definition
document.write("Hello");
}
func(); //function calling
</script>
Output :
Hello
Calling Function with Event
Javascript Event में भी function को call किया जाता है |
Source Code :
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function func(){ //function definition
document.write("Hello");
}
</script>
</head>
<body>
<form>
<input type="button" onclick="func()" value="Click me" />
</body>
</html>
Output :