Thuộc tính static được gán cho chính hàm lớp chứ không phải thuộc tính nguyên mẫu của nó. Các thuộc tính này có thể được gọi trực tiếp mà không cần khởi tạo bất kỳ đối tượng nào.
Sau đây là mã cho các thuộc tính tĩnh 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;
}
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Static Properties in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to the access the static property school of Student</h3>
<script>
let resEle = document.querySelector(".result");
function Student(name, age) {
this.name = name;
this.age = age;
}
Student.school = "St Marks Public School";
document.querySelector(".Btn").addEventListener("click", () => {
resEle.innerHTML = "Student.school = " + Student.school;
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
