Từ khóa getter và setter được sử dụng để truy cập các đối tượng. Giá trị trả về getter được sử dụng khi một thuộc tính đang được truy cập và setter nhận một đối số và đặt giá trị thuộc tính bên trong đối tượng thành đối số được truyền đó.
Sau đây là mã để truy cập các đố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> Đầu ra
Khi nhập một số và nhấp vào nút ‘BẤM VÀO ĐÂY’ -
