Từ khóa this trong JavaScript

Từ khóa this trong JavaScript 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 đứng một mình hoặc trong hàm. Nó tham chiếu đến đối tượng sở hữu nếu nằm trong phương thức, và tham chiếu đến phần tử HTML nhận sự kiện trong trình lắng nghe sự kiện.

Dưới đây là mã cho từ khóa this trong JavaScript:

Ví dụ

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

Kết quả

Khi nhấn nút 'CLICK HERE':