एक फ़ंक्शन स्टेटमेंट का एक सेट होता है जो इनपुट्स लेता है और कुछ विशिष्ट गणना करता है और आउटपुट पैदा करता है. यह मूल रूप से एक फ़ंक्शन स्टेटमेंट का एक सेट होता है जो कुछ कार्यों को करता है या कुछ गणना करता है और फिर उपयोगकर्ता को परिणाम देता है.
एक Function किसी भी Program की Value को प्राप्त कर सकता है और Return कर सकता है और इस तरह आप हर बार एक ही Code लिखने और एक Modular Structured Program बनाने की प्रक्रिया को नज़र अंदाज़ कर सकते है.
Javascript Function की सहायता से आप अपने Program को कई कार्यों मे प्राप्त कर सकते है और Function की सहायता से आप अपने Program को बहुत आसानी से Managed कर सकते है. Javascript मे Function Define करना बहुत आसान होता है Javascript मे Function को Define करने के लिए आप Function Keyword का उपयोग करते है.
<script>
function functionName([arg1, arg2, ...argN]){
//code to be executed
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Function Example</title>
</head>
<body>
<script type="text/javascript">
function getname()
{
name=prompt("Enter Your Name");
alert("Welcome Mr/Mrs " + name);
}
</script>
<form>
<input type="button" value="Click" onclick="getname()"/>
</form>
</body>
</html>
Function Arguments मे हम Arguments को पास करके Function को Call कर सकते है.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript Function Arguments Example</title>
</head>
<body>
<script type="text/javascript">
function getname(number){
alert(number*number*number);
}
</script>
<form>
<input type="button" value="Click" onclick="getname(4)"/>
</form>
</body>
</html>
जब हम Function को Call करते है तो Function हमको एक Value वापस करता है जिसको हम अपने Program मे उपयोग करते है.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript Function with Return Value Example</title>
</head>
<body>
<script type="text/javascript">
function concatenate(first, last)
{
var full;
full = first + last;
return full;
}
function secondFunction()
{
var result;
result = concatenate('Amreen', 'Begum');
document.write (result );
}
</script>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="secondFunction()" value="Call Function">
</form>
</body>
</html>