Các phương thức có thể được chia sẻ bằng cách gán chúng vào prototype property của đối tượng. Các phương thức 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ẻ phương thức 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 methods in JavaScript</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Nhấn nút trên để gọi phương thức displayInfo của student1 và student2</h3> <script> let resEle = document.querySelector(".result"); function Student(name, age, standard) { this.name = name; this.age = age; this.standard = standard; } Student.prototype.displayInfo = function () { return `${this.name} age ${this.age} : standard :${this.standard} <br>`; }; let student1 = new Student("Rohan", 17, 12); let student2 = new Student("Shawn", 16, 11); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML = student1.displayInfo(); resEle.innerHTML += student2.displayInfo(); }); </script> </body> </html>
Kết quả
Khi nhấn nút 'CLICK HERE':
