संक्षिप्त एरो फंक्शन, फैट एरो फंक्शन्स का अधिक सुव्यवस्थित रूप है एक-लाइन फंक्शन्स के लिए। यदि फंक्शन बॉडी में केवल एक लाइन कोड है, तो फंक्शन बॉडी के लिए कर्ली ब्रेसेस {} की कोई आवश्यकता नहीं है क्योंकि संक्षिप्त एरो फंक्शन्स में अंतर्निहित रिटर्न (implicit return) होता है। साथ ही, यदि केवल एक पैरामीटर है तो उसे पैरेंथेसिस () के बिना लिखा जा सकता है लेकिन यदि कोई पैरामीटर नहीं है तो पैरेंथेसिस आवश्यक है।
सिंटैक्स
फैट एरो फंक्शन:
let add = (a,b) =>{return a+b;}संक्षिप्त एरो फंक्शन:
let add = (a,b)=>a+b;
यदि केवल एक पैरामीटर हो:
let add = a=>a+22;
JavaScript में फैट बनाम संक्षिप्त एरो फंक्शन्स का कोड:
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Fat vs Concise Arrow</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>फैट बनाम संक्षिप्त एरो फंक्शन्स</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>ऊपर दिए गए बटन पर क्लिक करके add() और multiply() एरो फंक्शन को कॉल करें</h3> <script> let resEle = document.querySelector(".result"); let add = (a, b) => a + b; let multiply = (a, b) => { return a * b; }; document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML = "32 और 19 का योग = " + add(32, 19) + "<br>"; resEle.innerHTML = "32 और 19 का गुणनफल = " + multiply(32, 19) + "<br>"; }); </script> </body> </html>आउटपुट
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
