Để gán phương thức tĩnh cho class trong JavaScript, chỉ cần thêm từ khóa static trước tên phương thức. Các phương thức tĩnh có thể gọi trực tiếp trên class mà không cần khởi tạo instance.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Static method</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Gán phương thức tĩnh cho class trong JavaScript</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để cộng hai số dùng static method của testClass</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); class testClass { constructor(fname, lname) { this.fname = fname; this.lname = lname; } static add(a, b) { resEle.innerHTML = a + " + " + b + " = " + (a + b); } } BtnEle.addEventListener("click", () => { testClass.add(22, 44); }); </script> </body> </html>
Kết quả
Khi nhấn nút: 22 + 44 = 66
Phương thức static add được gọi qua testClass.add() chứ không phải qua instance. this trong static method trỏ đến class constructor, không phải instance. Thường dùng cho utility functions, factory methods.