कंसिस तीर एक-पंक्ति कार्यों के लिए वसा तीर कार्यों का अधिक स्ट्रीम लाइन वाला रूप है। यदि फंक्शन बॉडी में कोड की केवल एक लाइन है, तो फंक्शन बॉडी के लिए कर्ली ब्रेसिज़ {} की कोई आवश्यकता नहीं है क्योंकि कॉन्सी एरो फंक्शन्स में निहित रिटर्न होता है। इसके अलावा, यदि केवल एक पैरामीटर है तो उसे बिना कोष्ठक () के लिखा जा सकता है, लेकिन यदि कोई पैरामीटर नहीं है, तो कोष्ठक आवश्यक है।
सिंटैक्स
फैट एरो फंक्शन -
let add = (a,b) =>{return a+b;} कंसिस एरो फंक्शन:
let add = (a,b)=>a+b;
यदि केवल एक पैरामीटर -
let add = a=>a+22;
जावास्क्रिप्ट में वसा बनाम संक्षिप्त तीर कार्यों के लिए कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</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>Fat vs concise arrow functions</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call the add() and multiply() arrow function</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 = "Sum of 32 and 19 = " + add(32, 19) + "<br>";
resEle.innerHTML =
"Multiplication of 32 and 19 = " + multiply(32, 19) + "<br>";
});
</script>
</body>
</html> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
