Giải thích JavaScript từ khóa này?

JavaScript từ khóa này tham chiếu đến đối tượng mà nó thuộc về. Nó có thể tham chiếu đến đối tượng toàn cục nếu ở một mình hoặc bên trong một hàm. Nó đề cập đến đối tượng chủ sở hữu nếu bên trong một phương thức và đề cập đến phần tử HTML đã nhận sự kiện trong trình xử lý sự kiện.

Ví dụ

Sau đây là mã cho JavaScript Mã định danh này -

<!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>