JavaScript - Functions Full Details
जावास्क्रिप्ट - Functions पूर्ण विवरण
फ़ंक्शन पुन: प्रयोज्य कोड का एक समूह है जिसे आपके प्रोग्राम में कहीं भी कहा जा सकता है। इससे एक ही कोड को बार-बार लिखने की जरूरत खत्म हो जाती है। यह प्रोग्रामर को मॉड्यूलर कोड लिखने में मदद करता है। फ़ंक्शंस एक प्रोग्रामर को एक बड़े प्रोग्राम को कई छोटे और प्रबंधनीय कार्यों में विभाजित करने की अनुमति देता है।
किसी भी अन्य उन्नत प्रोग्रामिंग भाषा की तरह, जावास्क्रिप्ट भी फ़ंक्शन का उपयोग करके मॉड्यूलर कोड लिखने के लिए आवश्यक सभी सुविधाओं का समर्थन करता है। आपने पहले के अध्यायों में अलर्ट () और राइट () जैसे फंक्शन देखे होंगे। हम बार-बार इन फंक्शन का इस्तेमाल कर रहे थे, लेकिन ये कोर जावास्क्रिप्ट में सिर्फ एक बार ही लिखे गए थे।
जावास्क्रिप्ट हमें अपने स्वयं के कार्यों को भी लिखने की अनुमति देता है। यह खंड बताता है कि जावास्क्रिप्ट में अपने कार्यों को कैसे लिखना है।
Function Definition -फ़ंक्शन परिभाषा
किसी फ़ंक्शन का उपयोग करने से पहले, हमें इसे परिभाषित करने की आवश्यकता है। जावास्क्रिप्ट में किसी फ़ंक्शन को परिभाषित करने का सबसे आम तरीका है फ़ंक्शन कीवर्ड का उपयोग करना, उसके बाद एक अद्वितीय फ़ंक्शन नाम, मापदंडों की एक सूची (जो खाली हो सकती है), और एक स्टेटमेंट ब्लॉक जो घुंघराले ब्रेसिज़ से घिरा हुआ है।
Syntax -वाक्य - विन्यास
मूल वाक्यविन्यास यहां दिखाया गया है।
<script type = "text/javascript">
<!--
function functionname(parameter-list) {
statements
}
//-->
</script>
Example -उदाहरण
निम्नलिखित उदाहरण का प्रयास करें। यह SayHello नामक एक फ़ंक्शन को परिभाषित करता है जो कोई पैरामीटर नहीं लेता है -
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello there");
}
//-->
</script>
Calling a Function -एक समारोह बुला रहा है
किसी फ़ंक्शन को स्क्रिप्ट में कहीं बाद में लागू करने के लिए, आपको बस उस फ़ंक्शन का नाम लिखना होगा जैसा कि निम्नलिखित कोड में दिखाया गया है।
<html>
<head>
<script type = "text/javascript">
function sayHello() {
document.write ("Hello there!");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello()" value = "Say Hello">
</form>
<p>Use different text in write method and then try...</p>
</body>
</html>
Output
Function Parameters -फंक्शन पैरामीटर्स
अब तक, हमने बिना मापदंडों के फ़ंक्शन देखे हैं। लेकिन किसी फंक्शन को कॉल करते समय अलग-अलग पैरामीटर पास करने की सुविधा होती है। इन पारित मापदंडों को फ़ंक्शन के अंदर कैद किया जा सकता है और उन मापदंडों पर कोई भी हेरफेर किया जा सकता है। एक फ़ंक्शन अल्पविराम द्वारा अलग किए गए कई पैरामीटर ले सकता है।
Example -उदाहरण
निम्नलिखित उदाहरण का प्रयास करें। हमने यहां अपने SayHello फ़ंक्शन को संशोधित किया है। अब यह दो पैरामीटर लेता है।
<html>
<head>
<script type = "text/javascript">
function sayHello(name, age) {
document.write (name + " is " + age + " years old.");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello('Zara', 7)" value = "Say Hello">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Output
The return Statement -रिटर्न स्टेटमेंट
एक जावास्क्रिप्ट फ़ंक्शन में एक वैकल्पिक रिटर्न स्टेटमेंट हो सकता है। यदि आप किसी फ़ंक्शन से कोई मान वापस करना चाहते हैं तो यह आवश्यक है। यह कथन किसी फ़ंक्शन में अंतिम कथन होना चाहिए।
उदाहरण के लिए, आप किसी फ़ंक्शन में दो नंबर पास कर सकते हैं और फिर आप फ़ंक्शन से अपने कॉलिंग प्रोग्राम में उनके गुणन को वापस करने की उम्मीद कर सकते हैं।
Example -उदाहरण
निम्नलिखित उदाहरण का प्रयास करें। यह एक फ़ंक्शन को परिभाषित करता है जो कॉलिंग प्रोग्राम में परिणामी लौटने से पहले दो पैरामीटर लेता है और उन्हें जोड़ता है।
<html>
<head>
<script type = "text/javascript">
function concatenate(first, last) {
var full;
full = first + last;
return full;
}
function secondFunction() {
var result;
result = concatenate('Zara', 'Ali');
document.write (result );
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "secondFunction()" value = "Call Function">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Output
जावास्क्रिप्ट फ़ंक्शंस के बारे में जानने के लिए बहुत कुछ है, हालाँकि हमने इस ट्यूटोरियल में सबसे महत्वपूर्ण अवधारणाओं को शामिल किया है।
- जावास्क्रिप्ट नेस्टेड कार्य
- जावास्क्रिप्ट फ़ंक्शन () कंस्ट्रक्टर
- जावास्क्रिप्ट फंक्शन लिटरल
- JavaScript - Loop Control Full Details
- JavaScript for...in loop Full Details
- JavaScript - For Loop Full Details
- JavaScript - While Loops Full Details
