एरो फंक्शन्स जिन्हें शॉर्टहैंड फंक्शन्स भी कहा जाता है, ES2015 में पेश किए गए थे और हमें फंक्शन को छोटे तरीके से लिखने की अनुमति देते हैं। उनका अपना this बाइंडिंग नहीं होता और वे आसपास के कॉन्टेक्स्ट से this प्राप्त करते हैं।
JavaScript में शॉर्टहैंड फंक्शन्स दर्शाने का कोड:
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Arrow Functions Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>JavaScript में शॉर्टहैंड फंक्शन</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>एरो और नॉर्मल फंक्शन को इनवोक करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> let resEle = document.querySelector(".result"); let objYear, obj1Year; let obj = { name: "रोहन", age: 20, birthday() { function birthYear() { objYear = new Date().getFullYear() - this.age; } birthYear(); }, }; let obj1 = { name: "शॉन", age: 22, birthday() { let birthYear = () => { obj1Year = new Date().getFullYear() - this.age; }; birthYear(); }, }; document.querySelector(".Btn").addEventListener("click", () => { obj.birthday(); obj1.birthday(); resEle.innerHTML += " एरो फंक्शन के बिना: जन्म वर्ष = " + objYear + " "; resEle.innerHTML += " एरो फंक्शन के साथ: जन्म वर्ष = " + obj1Year + " "; }); </script> </body> </html>आउटपुट
उपरोक्त कोड निम्नलिखित आउटपुट देगा:
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
