Từ khóa getter và setter được dùng để truy cập đối tượng. Getter trả về giá trị khi thuộc tính được truy cập, setter nhận đối số và gán giá trị thuộc tính bên trong đối tượng thành đối số đó.
Dưới đây là mã truy cập đối tượng 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 Object Accessors</h1> Enter a number <input class="num" type="number" /> <div class="sample"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to set the age value and display it </h3> <script> let sampleEle = document.querySelector(".sample"); let testObj = { age: "", set AGE(val) { this.age = val; }, get AGE() { return this.age; }, }; document.querySelector(".Btn").addEventListener("click", () => { let number = document.querySelector(".num").value; testObj.AGE = number; sampleEle.innerHTML = "AGE = " + testObj.AGE; }); </script> </body> </html>Kết quả
Khi nhập số và nhấn 'CLICK HERE':
