Các property có thể được chia sẻ bằng cách gán chúng vào prototype property của đối tượng. Các property này sẽ được chia sẻ giữa tất cả các instance của đối tượng.
Dưới đây là mã về chia sẻ properties 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>Shared properties in JavaScript</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Nhấn nút trên để xem properties của student1 và student2 objects</h3> <script> let resEle = document.querySelector(".result"); function Student(name, age) { this.name = name; this.age = age; } Student.prototype.school = "St Marks School"; let student1 = new Student("Rohan", 17); let student2 = new Student("Shawn", 16); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML = `${student1.name} age ${student1.age} : school :${student1.school} <br>`; resEle.innerHTML += `${student2.name} age ${student2.age} : school :${student2.school}`; }); </script> </body> </html>
Kết quả
Khi nhấn nút 'CLICK HERE':
