তীর ফাংশনগুলিকে অবজেক্ট পদ্ধতি হিসাবে ব্যবহার করা উচিত নয় কারণ একটি তীর ফাংশনের নিজস্ব এটি নেই। এটি আবদ্ধ আভিধানিক সুযোগের এই মানটি নেয় যা বস্তুর পরিবর্তে উইন্ডো অবজেক্ট। এটি সমস্যার সৃষ্টি করতে পারে কারণ আমরা এখন উদ্দিষ্ট বস্তুর পরিবর্তে উইন্ডো অবজেক্টের বৈশিষ্ট্যগুলিকে বেসেট এবং অ্যাক্সেস করব৷
জাভাস্ক্রিপ্ট অ্যারো ফাংশন −
কখন ব্যবহার করবেন না তা দেখানো কোডটি নিচে দেওয়া হলউদাহরণ
<!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>When to not use the arrow functions</h1>
<br />
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call the add() method of object obj</h3>
<script>
let BtnEle = document.querySelector(".Btn");
let resEle = document.querySelector(".result");
let obj = {
a: 22,
b: 44,
add: () => {
return this.a + this.b;
},
};
BtnEle.addEventListener("click", (event) => {
resEle.innerHTML = `The sum of ${obj.a} and ${obj.b} = ${obj.add()}`;
});
</script>
</body>
</html> আউটপুট
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -
