জাভাস্ক্রিপ্ট এই কীওয়ার্ডটি সেই বস্তুটিকে উল্লেখ করে যার সাথে এটি রয়েছে। একা বা একটি ফাংশনের ভিতরে থাকলে এটি গ্লোবাল অবজেক্টকে উল্লেখ করতে পারে। এটি একটি পদ্ধতির ভিতরে থাকলে মালিক বস্তুকে নির্দেশ করে এবং একটি ইভেন্ট লিসেনারে ইভেন্টটি প্রাপ্ত HTML উপাদানকে নির্দেশ করে৷
নিচে জাভাস্ক্রিপ্ট এই আইডেন্টিফায়ার-
-এর জন্য কোড দেওয়া হলউদাহরণ
<!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;
}
.sample {
font-size: 18px;
font-weight: 500;
color: red;
}
</style>
</head>
<body>
<h1>JavaScript this Identifier</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to see which object 'this' refers to in multiple
context
</h3>
<script>
let thisRef = this;
let sampleEle = document.querySelector(".sample");
function test() {
return this;
}
let testObj = {
a: 22,
check() {
return this;
},
};
document.querySelector(".Btn").addEventListener(
"click",
() => {
sampleEle.innerHTML ="This inside normal function = " + test() + "<br>";
sampleEle.innerHTML +="This inside a method = " + testObj.check() + "<br>";
sampleEle.innerHTML += "This without any scope = " + thisRef + "<br>";
},
false
);
</script>
</body>
</html> আউটপুট
"এখানে ক্লিক করুন" বোতামে ক্লিক করলে -
