কনসিস তীরটি এক-লাইন ফাংশনের জন্য ফ্যাট অ্যারো ফাংশনের আরও স্ট্রিম রেখাযুক্ত ফর্ম। যদি ফাংশন বডিতে শুধুমাত্র কোডের একটি লাইন থাকে, তাহলে কোঁকড়া ধনুর্বন্ধনী {} ফাংশন বডির কোনো প্রয়োজন নেই কারণ কনসিয়ে অ্যারো ফাংশনগুলির অন্তর্নিহিত রিটার্ন রয়েছে। এছাড়াও, যদি শুধুমাত্র একটি প্যারামিটার থাকে তাহলে সেটি বন্ধনী () ছাড়াই লেখা যাবে কিন্তু যদি কোন প্যারামিটার না থাকে তাহলে বন্ধনী আবশ্যক।
সিনট্যাক্স
ফ্যাট অ্যারো ফাংশন −
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> আউটপুট
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -
