return वैल्यू
पिछले पाठ में आपने मान अंदर फ़ंक्शन भेजे। असली प्रोग्राम अक्सर एक मान बाहर भी चाहते हैं — योग, लेबल, हाँ/नहीं — ताकि कॉलर परिणाम के साथ आगे बढ़ सके। वह परिणाम भेजने वाला कीवर्ड return है।
return क्या करता है
बॉडी में आप लिखते हैं return expression;। JavaScript व्यंजक का मान निकालता है, कॉलर को देता है, और उस कॉल को खत्म करता है। कॉलर रख सकता है: let total = add(3, 4); — यहाँ total बन जाता है 7।
return लॉगिंग जैसा नहीं है
📊 return बनाम console.log
| विचार | क्या करता है | कौन देखता है |
|---|---|---|
return value |
value कॉलर को भेजता है |
आपकी अगली कोड पंक्ति |
console.log(value) |
कंसोल में value छापता है |
कंसोल देखने वाला |
| दोनों | आप लॉग भी कर सकते हैं और return भी | लॉग आँखों के लिए; return प्रोग्राम के लिए |
बिना return |
कॉल undefined के साथ खत्म |
कॉल सहेजने पर undefined |
return के बाद |
उस कॉल की आगे की पंक्तियाँ छूटती हैं | जल्दी बाहर निकलना जानबूझकर |
लॉग झाँकने में मदद करता है। return बाकी प्रोग्राम को जवाब इस्तेमाल करने देता है। शुरुआती अक्सर सिर्फ अंदर लॉग करते हैं और हैरान होते हैं कि let x = f() क्यों undefined है — क्योंकि कुछ लौटाया नहीं गया।
function add(a, b) {
return a + b;
}
let total = add(3, 4);
console.log(total);
परिणाम पकड़ें
add खुद प्रिंट नहीं करता। यह 7 लौटाता है। कॉलर उसे total में रखता है, फिर लॉग करता है। आर्गुमेंट बदलें, बॉडी रखें — लौटा योग इनपुट के साथ आता है।
function greet(name) {
return "Hello, " + name;
}
let line = greet("Sara");
console.log(line);
बाद के लिए मान बनाएँ
greet एक स्ट्रिंग बनाकर लौटाता है। line में Hello, Sara है। आप line को पेज, दूसरे फ़ंक्शन या टेस्ट को दे सकते हैं — return ने बॉडी के बाहर पुनः उपयोग खोला।
function demo() {
console.log("first");
return 1;
console.log("second");
}
demo();
return के बाद कुछ नहीं चलता
यह कॉल पहले first छापती है, फिर 1 लौटाती है। जो पंक्ति second छापती, वह कभी नहीं चलती। बग नहीं — return कॉल तुरंत खत्म करता है।
function label(score) {
if (score < 0) {
return "invalid";
}
return "ok";
}
console.log(label(-1));
console.log(label(10));
जवाब तैयार हो तो जल्दी निकलें
अगर score ऋणात्मक है, फ़ंक्शन "invalid" लौटाता है और बाकी छोड़ देता है। वरना "ok"। यह जल्दी return सामान्य रास्ता छोटा और साफ़ रखता है।
function shout(msg) {
console.log(msg);
}
let result = shout("hi");
console.log(result);
return भूल गए?
shout सिर्फ लॉग करता है। कॉल खत्म होती है, पर undefined के साथ। उसे सहेजने पर result में undefined आता है। बाहर मान चाहिए तो स्पष्ट return लिखें।
लौटा मान पेज पर रखें
संदेश return से बनाएँ, फिर वह स्ट्रिंग पैराग्राफ में लिखें। फ़ंक्शन टेक्स्ट बनाने पर केंद्रित रहे; पेज कोड तय करे कहाँ दिखे।
पेज पर return दिखाएँ
ऐसा फ़ंक्शन घोषित करें जो स्वागत स्ट्रिंग लौटाए, कॉल करें, और परिणाम पैराग्राफ में रखें।
<!DOCTYPE html>
<html>
<head>
<title>return — page</title>
</head>
<body>
<p id="msg">…</p>
<script>
function welcome(guest) {
return "Hello, " + guest;
}
let box = document.getElementById("msg");
box.textContent = welcome("Omar");
</script>
</body>
</html>
पेज Hello, Omar दिखाता है। welcome ने स्ट्रिंग लौटाई; अगली पंक्ति ने पैराग्राफ में लिखी। सिर्फ आर्गुमेंट बदलें, रिफ्रेश करें, नई पंक्ति पढ़ें। अगला पाठ एरो फ़ंक्शन — इनमें से कुछ लिखने का छोटा तरीका।
खुद आज़माएँ
function sum(x, y)लिखें जोx + yलौटाए, कॉल वैरिएबल में रखें और लॉग करें।function hi(name)लिखें जो"hi "प्लसnameलौटाए; लौटी स्ट्रिंग लॉग करें।- फ़ंक्शन में
returnके बादconsole.logरखें; देखें वह पंक्ति नहीं छापती। - गार्ड: अगर
n === 0तो"zero", वरना"nonzero"लौटाएँ। - सिर्फ
console.logकरने वाले फ़ंक्शन को कॉल कर सहेजें;undefinedकी पुष्टि करें। - HTML डेमो में सिर्फ आर्गुमेंट स्ट्रिंग बदलें, रिफ्रेश करें, पैराग्राफ पढ़ें।
आम गलतियाँ
- फ़ंक्शन में सिर्फ
console.logऔर उम्मीद किlet x = f()उपयोगी मान रखे - कॉल साइट पर लौटा मान सहेजना/इस्तेमाल करना भूलना
returnके बाद कोड लिखकर हैरान होना कि क्यों नहीं चला- खाली
return;जब मतलबreturn value;था - यहाँ पैरामीटर ट्रिक ढूँढना — यह पृष्ठ आउटपुट पर है; इनपुट पिछला पाठ था
सारांश
returnकॉलर को मान भेजता है- उस मान को फ़ंक्शन के बाहर रखें या इस्तेमाल करें
returnके बाद उस कॉल का बाकी हिस्सा छूटता है- जल्दी return विशेष मामलों के लिए साफ़ निकास है
- बिना
return(या खालीreturn) → कॉलundefinedदेती है - पेज अपडेट लौटी स्ट्रिंग इस्तेमाल कर सकते हैं
- अगला: एरो फ़ंक्शन — संक्षिप्त फ़ंक्शन सिंटैक्स
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी